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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

This topic created in 2135 days ago, the information mentioned may be changed or developed.

如题，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

chunk

Vue

文件

请教

2 replies • 2020-06-30 17:31:53 +08:00

jackielin

Jun 30, 2020

使用 webpack plugin SplitChunksPlugin 分割试试？

hailun3202475

Jun 30, 2020

查一下路由懒加载