im doing someting like this in my Webpack 4 configuration. const MiniCssExtractPlugin = require(“mini-css-extract-plugin”) module: { rules: [ { test: /\.scss$/, use: [ MiniCssExtractPlugin.loader, { loader: “css-loader”, options: { modules: true, sourceMap: true, importLoader: 2 } }, “sass-loader” ]} ] }, plugins: [ new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // … Read more
Go to the project and run below two commands npm install sass-loader -D npm install node-sass -D
I think there are a few issues: 1: It may be because you haven’t specified which files to test against (so webpack may be searching everything): … “test”: {}, “use”: [“myApp/node_modules/mini-css-extract-plugin/dist/loader.js”, { “loader”: “css-loader” } … try replacing test: {} with test: /\.(sa|sc|c)ss$/ or test: /\.module.(sa|sc|c)ss$/ if using css modules 1b: try modifying the test … Read more
I was able to use, on a stylesheet, an alias that I defined in webpack by using the following: @import ‘~alias/variables’; just by prefixing the alias with ~ did the trick for me, as suggested by documentation in here
Similar to what @KostDM said, in my case it seems like sass-loader@11.0.0 doesn’t work with vue@2.6.12. I installed sass-loader@10.1.1 and it worked like a charm again. In your package.json: “sass-loader”: “^10”,