search

lostvita / blog

60 stars 47 forks source link

优化后构建效果的问题 #10

Closed weituotian closed 5 years ago

weituotian commented 5 years ago

2.3. 优化后构建效果 说明： a. 自定义chunk-vendor的打包策略，两个页面公共引用的代码块打包在chunk-common.js b.spring_festival中的第三方库抽离为spring-festival-vendor.js，里面是关于vue-router的内容（可以根据需要决定是否抽离）。

只抽离vue-router？我有很多第三库呢

lostvita commented 5 years ago

我这个例子里面spring-festival-vendor.js是只抽离了vue-router，你有其他的第三方库需要抽离，在splitChunks里面定义抽离策略就好了（文章里面有介绍如何定义策略，或者你查看webpack文档）。

weituotian commented 5 years ago

@qiudongwei 请问有一劳永逸的方法吗？比如判断当前是属于views文件夹下哪个文件夹 因为现在的包实在太多了，全部一个一个添加很费时间

mylhei commented 5 years ago

没有看到dll和vue CLI3结合呢？ 我本地遇到问题， 当有split分包时dll无法正常使用，博主可以实践下么？

lostvita commented 5 years ago

@mylhei 有的呢！你看下vue-cli-project这个项目，执行npm run dll会产出一个dll目录，vendor.dll.js里面打包了vue.js的代码；执行npm run build会产出dist目录，里面的js文件则不再包含vue.js代码。 image

lostvita commented 5 years ago

@weituotian 你的场景是要为每一个page定义分离策略？还是page里面每增加一个第三方库就进行分离（打包在一个公告包）？ 前者只能在配置文件里面一个个定义，后者的话设置下引用次数minChunks: 2应该就可以了。