vue2 cli4 打包chunk文件太多解决办法

由于项目原因npm run build打包后chunk文件很多下，想减少chunk文件数量

在vue.config.js文件中添加webpack插件，文件头加var webpack = require(‘webpack’);，这样chunk文件数量就变少了

 configureWebpack: {
    plugins: [
      new webpack.optimize.LimitChunkCountPlugin({
        maxChunks: 5,
      }),
    ],
  }

附上webpack链接https://webpack.docschina.org/plugins/limit-chunk-count-plugin/

更改配置npm run serve启动会有问题
所以更改配置如下：
configureWebpack: (config) => {
if (process.env.NODE_ENV === ‘production’) {
return {
plugins: [
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 5,
}),
new CompressionWebpackPlugin({
algorithm: ‘gzip’,
// test: new RegExp(’\.(’ + productionGzipExtensions.join(’|’) + ‘)$’),
threshold: 10240,
minRatio: 0.8,
deleteOriginalAssets: true
}),
],
}
} else {
return {}
}
}