如何更改vue build.js？

Question

当我执行＆＃39; npm build＆＃39; ，控制台节目

webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.，

我使用vue-cli创建我的项目，我不知道如何更改build.js。谁能帮帮我？

Answer 1

导致此问题的原因是您已从Webpack 3升级到Webpack 4，后者根据此change log

对配置API进行了一些更改以进行优化

新API的工作方式有所不同，webpack对应用程序进行分块的方式也不同。

以下是如何在配置文件中使用config.optimization.splitChunks的默认示例。

optimization: {
    minimize: false,
    runtimeChunk: false,
    splitChunks: {
        chunks: "all",
        minSize: 30000,
        minChunks: 1,
        maxAsyncRequests: 5,
        maxInitialRequests: 3,
        automaticNameDelimiter: '-',
        name: true,
        cacheGroups: {
            default: {
                minChunks: 2,
                priority: -20,
                reuseExistingChunk: true
            },
            vendor: {
                test: /[\\/]node_modules[\\/]/,
                priority: -10,
                chunks: 'all'
            }
        }
    }
}