Closed weituotian closed 5 years ago
我这个例子里面spring-festival-vendor.js
是只抽离了vue-router
,你有其他的第三方库需要抽离,在splitChunks
里面定义抽离策略就好了(文章里面有介绍如何定义策略,或者你查看webpack文档)。
@qiudongwei 请问有一劳永逸的方法吗?比如判断当前是属于views文件夹下哪个文件夹 因为现在的包实在太多了,全部一个一个添加很费时间
没有看到dll和vue CLI3结合呢? 我本地遇到问题, 当有split分包时dll无法正常使用,博主可以实践下么?
@mylhei 有的呢!你看下vue-cli-project
这个项目,执行npm run dll
会产出一个dll
目录,vendor.dll.js
里面打包了vue.js
的代码;执行npm run build
会产出dist
目录,里面的js
文件则不再包含vue.js
代码。
@weituotian 你的场景是要为每一个page定义分离策略?还是page里面每增加一个第三方库就进行分离(打包在一个公告包)?
前者只能在配置文件里面一个个定义,后者的话设置下引用次数minChunks: 2
应该就可以了。
2.3. 优化后构建效果 说明: a. 自定义chunk-vendor的打包策略,两个页面公共引用的代码块打包在chunk-common.js b.spring_festival中的第三方库抽离为spring-festival-vendor.js,里面是关于vue-router的内容(可以根据需要决定是否抽离)。
只抽离vue-router?我有很多第三库呢