Если я правильно понял вопрос, то ты хочешь отделить служебный код Вебпака от твоих js-файлов, сгенерированных для продакшена? Если так, то тебе надо копать в сторону опции runtimeChunk.
Я сам этим не пользовался, но насколько я понял
эта опция позволяет выносить весь служебный код Вебпака в отдельный бандл. По поводу всего остального, это уже скорее вопрос личных предпочтений. Использовать Вебпак как таскраннер не самая лучшая идея имхо, он же тем и хорош, что строит граф зависимостей и автоматом подтягивает необходимые. Если нужно просто переносить(копировать) файлы, то уж тогда лучше использовать готовые решения типа Gulp.
optimization: {
splitChunks: {
cacheGroups: {
commons: {
name: 'commons',
filename: "js/[name].js",
test: /\.js(x)?$/,
chunks: "initial",
minChunks: 1
}
}
},
runtimeChunk: {
name: 'runtime',
},
},
Спасибо за развернутый ответ!
Ага, вот я тоже уже думаю, что идея использовать для всех проектов webpack видимо все же утопичная, сейчас напишу по быстрому конфиг для верстки на gulp, а далее уже буду плотно изучать webpack для frontend проектов