Vue项目打包优化有哪些具体方法？

本文共计1406个文字，预计阅读时间需要6分钟。

目录+前言+打包优化目标：性能优化的主要方向：

1.异步组件配置（路由懒加载）

2.移除打包后的console

3.使用CDN

4.yarn build生成dist目录

总结+前言+默认情况下，通过import语法导入的第三方库默认使用CDN链接。

目录

• 前言
• 打包优化的目的:
• 性能优化的主要方向:
• 1.异步组件配置(路由懒加载)
• 2.去掉打包后的 console
• 3.使用CDN
• 4.yarn build生成dist目录
• 总结

前言

默认情况下，通过import语法导入的第三方依赖包，最终会全部打包到一个js文件中，会导致单文件体积过大大，在网速底下时会阻塞网页加载，影响用户体验。