Why doesn't webstorm compile scss?

Question

css

Hello!
I checked everything, but ide refuses to compile scss. There are no errors, but the styles are not connected to the page either. Tell me what could be the matter?

Answer 1

Either import styles into js, ​​or point to the entrypath to styles and use mini-css-extract-plugin.

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  plugins: [new MiniCssExtractPlugin()],
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: [MiniCssExtractPlugin.loader, 'css-loader'],
      },
    ],
  },
};