Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Learn more about Collectives

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Learn more about Teams 3 | // load the styles @ ./node_modules/vue-slider-component/theme/antd.css 4:14-338 14:3-18:5 15:22-346

I have this error when building my app in Webpack 4. This is my CSS loader config:

test: /\.css$/, use: ["vue-style-loader", "css-loader", "postcss-loader"] test: /\.scss$/, use: ["vue-style-loader", "css-loader", "postcss-loader", "sass-loader"]

How can I relax the rules a bit so it doesn't fail on these kind of issues?

Thanks

You can't have multiple css-loaders. Here is a possible solution:

test: /\.(sa|sc|c)ss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader', 'postcss-loader',

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question . Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.
• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers .