Webpack4将供应商捆绑包分成2个块

时间:2019-01-03 07:42:27

标签: webpack vuejs2 webpack-4

我使用以下代码创建了一个供应商捆绑包:

splitChunks: {
    cacheGroups: {
        commons: {
            name: 'commons',
            chunks: 'initial',
            minChunks: 3
        },
        vendor: {
            test: /[\\/]node_modules[\\/]/,
            name: "vendor",
            chunks: "all"
        }
    }
}

它使用来自node_modules的文件创建一个巨大的捆绑包。当我使用bundle-analyzer分析它时,我发现那里的供应商包含另一个巨大的bundle,它的大小是50%,它来自此导入:

import BigComponent from 'BigComponent/dist/js/xyz.all'

有什么办法可以进一步拆分供应商捆绑包,以便一个块仅包含xyz.all,另一个块包含node_modules中所有剩余的东西?

0 个答案:

没有答案
相关问题