如题,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
1
jackielin 2020-06-30 10:15:12 +08:00 1
使用 webpack plugin SplitChunksPlugin 分割试试?
|
2
hailun3202475 2020-06-30 17:31:53 +08:00
查一下路由懒加载
|