Webpack 4 Module parse failed: Unexpected character '@' (1:0)

Question

I get this error when i try to run npm run dev to compile my scss to css. I know that issue is related to @import

ERROR in ./src/scss/m

Answer 1

I fixed these similar issue by following these link.

I updated rule section of webpack.config.js as follows

rules: [
    {
            test: /\.css$/,
            use : [
                {
                        loader: 'style-loader',
                },
                {
                        loader: 'css-loader',
                        options: {
                                sourceMap: true,
                        }
                }
            ]
    }
]

Then installed the dependencies as follows.

using yarn

yarn add style-loader --dev
yarn add css-loader --dev

using npm

npm install style-loader --save-dev
npm install css-loader --save-dev