CODEWITHSUNDEEP
webpacksass
Kriem
Kriem

Reputation: 8705

Importing multiple scss files with /* fails with vue webpack

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?

Upvotes: 2

Views: 507

Answers (1)

Georgi Antonov
Georgi Antonov

Reputation: 1641

@import "partials/_all.scss"

and in _all.scss

include all .scss files needed

Upvotes: 1

Related Questions