Подавление вывода модуля при извлечении CSS с помощью Webpack

Question

Я пытаюсь использовать webpack 4 для компиляции .scss файлов и извлечения их в отдельный файл с помощью mini-css-extract-plugin.

Соответствующие части моей конфигурации webpack включают в себя:

entry: {
  'styles': './sass/styles.scss',
  ...
},
module: {
  rules: [
  {
    test: /\.scss$/,
    use: [
      MiniCssExtractPlugin.loader,
      'css-loader',
      'sass-loader'
    ]
  },
  ...
},
plugins: [
  new MiniCssExtractPlugin({
    filename: 'css/[name].css',
    chunkFilename: "[id].css"
  }),
  ...
],
output: {
  filename: 'js/[name].bundle.js',
}

Я вижу, как css/styles.css и js/styles.bundle.js испускаются.Есть ли способ подавить js/styles.bundle.js?Я уже пытался использовать suppress-chunks-webpack-plugin безуспешно (ни .css, ни .js не испускаются)

Answer 1

Вы можете использовать Плагин для очистки посторонних файлов Webpack

Установка с использованием npm или пряжи

npm install webpack-extraneous-file-cleanup-plugin --save-dev
yarn add webpack-extraneous-file-cleanup-plugin --dev

В вашем файле webpack.config.js:

const ExtraneousFileCleanupPlugin = require('webpack-extraneous-file-cleanup-plugin');

module.exports = {
  ...
  plugins: [
    new ExtraneousFileCleanupPlugin({
      extensions: ['.js']
    })
  ]
}