webpack抽离公共代码

Question

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

Answer 1

慕粉3871079 2021-02-26 17:15:45

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

Answer 2

双越 2020-03-08 22:09:17

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

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

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

• 提问者 Jeffery_hehe #1

  好的，那按照你视频里教的抽离第三方依赖的方式，在单入口文件的项目中，也可以这样用的对吧

• 双越 回复 提问者 Jeffery_hehe #2

  是的。这跟多入口、单入口没关系，都这样么用。

• 提问者 Jeffery_hehe 回复 双越 #3

  嗯嗯，谢谢