在第一步中，cdn引入了各种包

index.html cdn模式引入了vue、vuex、axios、element-ui、vue-router等包，如下图所示：

步骤2，在使用vue和其他包的地方，注释掉导入介绍

在所有使用vue的地方注释掉导入的vue包，但是Vue.use(axios)、Vue.use(VueRoter)、Vue.use(vuex)等。仍然需要使用，除了Vue.use(ElementUI)，如果加上这句话，element-ui仍然会打包在vendor.js文件中。

在main.js

在存储文件中添加index.js

在api/request.js文件中

在路由器/index.js文件中

第三步是打包并忽略vue和其他包

At webpack.base.conf.js

第4步，如果打包的文件仍然相对较大，则以惰性方式加载路由

最终包装结果

厂商. js的规模已经从988k降到了235k

摘要

以上就是边肖为了解决vue打包后vendor.js文件过大的问题而推出的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！