vue三个组件引用同一个第三方库，怎么优化加载吗？

Question

我的项目中有20+的组件，已经使用了懒加载。

其中3个组件引用了一个500k的第三方js库，我并不想放在main.js中增加主函数的大小，但拆分放在这三个组件中，这三个组件又都包含了这个js库，每个组件进入的时候都很慢。

请问有什么优化方式吗？比如可以把这个库抽出来给这三个组件引用？

Answer 1

这个应该可以 试试吧 https://segmentfault.com/q/10...

Answer 2

1.vendor
2.commonchunks

Answer 3

1.webpack配置vendor。
2.webpack配置Externals(外部扩展),然后直接根文件引入相关文件。