Фон : простое одностраничное приложение реакции + редукс + экспресс (для загрузки в heroku).
У меня уже есть index.html и папка с изображениями в общей папке.Я хочу запустить webpack для генерации styles.css и bundle.js, которые я использовал в моем index.html.Я хочу использовать webpack-clean-up-plugin для удаления лишних предыдущих файлов каждый раз, когда я запускаю сборку, но я не хочу, чтобы это влияло на такие вещи, как index.html и папку images.
Согласно документации: *Параметры Если вы хотите сохранить некоторые файлы в выходном пути, например файл stats.json, сгенерированный из некоторых других плагинов, используйте опцию exclude Array.Он принимает сглаживание как в мини-матче.
// Не удалять stats.json, important.json и все в folder
new WebpackCleanupPlugin({
exclude: ["stats.json", "important.js", "folder/**/*"],
})
Цель : запустить webpack.prod.js такв конце концов, общая папка имеет
- index.html
- bundle.js
- bundle.js.map
- styles.css
- style.css.map
- images (папка)
Webpack.config.prod.js :
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
output: {
path: path.join(__dirname, 'public'),
filename: 'bundle.js'
},
plugins: [
new MiniCssExtractPlugin({
filename: "styles.css",
chunkFilename: "[id].css"}),
new CleanWebpackPlugin({
exclude: ["index.html", "images/*"],
})
],
Текущий результат:
каждый раз, когда я запускаю npm
"build:prod": "webpack --config webpack.config.prod.js --mode production",
Я удаляю мои index.html и папку с изображениями.Так где я написал не так?