@zikdead

Как разбить чанк с вендорами при помощи SplitChunksPlugin?

Webpack4. Есть настройка:
optimization: {
        splitChunks: {
            chunks: 'all',
            minSize: 30000,
            minChunks: 1,
            maxAsyncRequests: 5,
            maxInitialRequests: 3,
            automaticNameDelimiter: '~',
            name: false,
            cacheGroups: {
                vendors: {
                    test: /[\\/]node_modules[\\/]/,
                    priority: -10,
                    name: 'vendors',
                    maxSize: 240000,
                },
                default: {
                    minChunks: 2,
                    priority: -20,
                    reuseExistingChunk: true,
                },
            },
        },
    },

Все работает, если не указывать maxSize. если указываешь макс сайз, то к имени chunk добавляет хэш типо vendors~32131274, из за этого я не могу указать чанк в html webpack plugin ( и не только ):
new HtmlWebpackPlugin({
            chunks: ['app', 'vendors'],
            hash: true,
            template: path.join(paths.PUBLIC, 'index.html'),
            filename: 'index.html',
        }),


Что делать? Уже все обрыл. И еще очень странно разбивает бандл. Бандл с вендорами весит 1м, но при указании макс 240кб, разбивает не на 5-6 кусков, а на 15
  • Вопрос задан
  • 933 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы