Как правильно настроить optimization.splitChunks в Webpack4?

Подскажите!
Это общая часть сборки которая идёт и в develop и в production
const common = merge([{
        entry: {
            'index': PATHS.src + '/index.js'
        },
        output: {
            path: PATHS.build,
            filename: 'js/[name].js'
        },
        plugins: [
            new HtmlWebpackPlugin({
                filename: 'index.html',
                chunks: ['index', 'common'],
                template: PATHS.src + '/index.pug',
                minify: HTMLMinifierOptions
            }),
            new webpack.optimize.CommonsChunkPlugin({
                name: 'common'
            }),
            new CopyWebpackPlugin([
                { from: PATHS.src + '/static/json/manifest.json' },
                { from: PATHS.src + '/static/img/favicon/launcher-icon-2x.png' },
                { from: PATHS.src + '/static/img/favicon/launcher-icon-3x.png' },
                { from: PATHS.src + '/static/img/favicon/launcher-icon-4x.png' }
            ]),
            new webpack.NamedModulesPlugin(),
            new webpack.HotModuleReplacementPlugin()
        ]
    },
    pug(),
    babel(),
    images(),
    svg(),
    favicon()
]);


images(), svg(), favicon() итд находятся в другой папке и подключаются через module.exports.

Если я всё правильно понимаю CommonsChunkPlugin был убран, а вместо него стал optimization.splitChunks.
В консоль выдаёт такую ошибку: 5a9f71351bc77205097196.png Как поступить в такой ситуации ?
  • Вопрос задан
  • 405 просмотров
Пригласить эксперта
Ответы на вопрос 1
@saskasa
Попробуйте в конфиге прописать:
module.exports = {
	// ...
	optimization:{
		splitChunks: {
			chunks: "all",
		}
	},
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
21 авг. 2018, в 16:11
1500 руб./за проект
21 авг. 2018, в 15:45
4000 руб./за проект
21 авг. 2018, в 15:42
2500 руб./за проект