webpack抽离公共代码

来源:10-10 module chunk bundle 的区别

Jeffery_hehe

2020-03-08

老师,关于wepback配置抽离公共代码的使用有点疑惑,比如是一个vue项目,有些公共逻辑使用mixin,还有些通用组件(比如像弹窗),会在多个文件中引用,打包后这些mixin文件和通用组件是否会被单独打包到common里面,能否结合项目解答一下,谢谢!

写回答

2回答

慕粉3871079

2021-02-26

vue的webpack优化 基本把第三方的抽离单独打包就可以了,网上教程蛮多的。

0
0

双越

2020-03-08

看你怎么配置了,如最大引用次数等配置项。如果你所述的这些,都命中优先级高的配置,就会被打包这个那个 chunk 中。

这里多说一句,如果没有什么特殊的性能优化要求,就按照比较简单的抽离方式就可以,即把第三方 lib 抽离一下。再其他的优化,如公共 mixin ,那些代码量都很小,够不成比较大的性能瓶颈,就不要再去很麻烦的配置了。

配置麻烦了,性能优化没弄多少,除了问题还不好排查,对吧。

0
3
Jeffery_hehe
回复
双越
嗯嗯,谢谢
2020-03-09
共3条回复

2024版 前端框架及项目面试 聚焦Vue3/React/Webpack

面向1-3年前端的框架及项目面试“刚需内容”

4663 学习 · 1644 问题

查看课程