Importing multiple scss files with /* fails with vue webpack

Question

I have a main.scss when I import multiple partials with:

// Partials
@import "partials/*"

Sadly, this results in a build failure:

./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-5ef48958","scoped":false,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/app.vue
Module build failed: 
@import "partials/*"
^
      File to import not found or unreadable: partials/*.

It seems multiple selector doesn't work. What can I do to fix this?

Georgi Antonov · Accepted Answer · 2018-07-09 14:34:46Z

1

@import "partials/_all.scss"

and in _all.scss

include all .scss files needed

answered Jul 9, 2018 at 14:34

Georgi Antonov

1,6611 gold badge23 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kriem Over a year ago

That's a workaround. And it would result in still having to maintain all the separate include references in _all.scss

Collectives™ on Stack Overflow

Importing multiple scss files with /* fails with vue webpack

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related