Почему webpack не создает/не обновляет файлы .css?

#javascript #css #webpack #sass

Вопрос:

Я новичок в webpack. Я использую webpack 4. И я хочу создать css-файлы. Но приведенный ниже код не работает. Он только обновляет main.js, но мне также нужен style.css. Никаких ошибок в консоли.

 module.exports = {
  name: 'js',
  entry: path.resolve(__dirname, 'index.js'),
  output: {
    path: path.resolve(__dirname, '../my/dist/path'),
    filename: 'main.js',
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: '[name].css',
    }),
  ],
  module: {
    rules: [
      {
        test: /.(s*)css$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
          },
          'css-loader',
          {
            loader: 'sass-loader',
            options: {
              implementation: require('sass'),
            },
          },
        ],
      },
    ],
  },
};
 

Комментарии:

1. MiniCssExtractPlugin Он построен поверх новой функции webpack v5 и требует работы webpack 5.