Я пытаюсь использовать webpack 4 для компиляции файлов .scss и извлечения их в отдельный файл с помощью mini-css-extract-plugin.
Соответствующие части конфигурации моего веб-пакета включают:
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 не испускаются)



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете использовать Плагин для очистки посторонних файлов 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']
})
]
}
Просто обратите внимание, что в качестве альтернативы плагину, предложенному davcs86, для этого варианта использования также стоит рассмотреть Удалить плагин Files Webpack - он позволяет удалять файлы на основе имени или регулярного выражения до или после сборки.