Vue 打包出来文件太大，导致程序无法正常运行，请教一下配置代码分割的问题

[miv]

如题，vue 项目 build 生成了一个 js 文件，大小有 4.7m 那么大，所以程序有时候出问题。 现在请教一下如何配置代码切割呢，比如切分成多个 2m 的文件。 部分配置如下 vue.config.js

module.exports = {
	
    pages: {
        index: {
          entry: "./src/main",
          chunks: ['chunk-vendors', 'chunk-common', 'index']
        }
  	},
    ...
    chainWebpack: (config) => {
    ...
    }
}

打包出来的文件，如下 dist/js

>dir

4,869,516 chunk-20968019.ee96aac3.js
2,348 chunk-2d221f59.1916d596.js
11,329 chunk-479e238a.21678c3e.js
21,864 chunk-585c7083.dc17a27a.js
1,664 chunk-62191815.7e93ed18.js
4,247,065 chunk-vendors.a95dd809.js

[jackielin]

使用 webpack plugin SplitChunksPlugin 分割试试？

[hailun3202475]

查一下路由懒加载