Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~

因为webpack的默认打包机制会将我们项目中通过npm引入的js库全部打包成一个vendor.js文件里面毫无疑问这个文件将会非常之大，不利于浏览器加载和浏览器的缓存，因为每次我们更新项目，都会生成

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

这是我参与更文挑战的第5天，活动详情查看： 更文挑战 大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。 以下正文： 背景 在Vue中，通常我们引入一个js插件都

前端优化首屏加载时间的相关步骤和配置。 1、使用CDN；2、路由懒加载；3、插件按需引入；4、图片资源进行压缩

通过安装 webpack-bundle-analyzer 插件，分析打包之后的具体文件大小。譬如 vue-3d-model 插件，在项目中最后并没有用到，就可以去掉这个依赖包。

在Vue项目中，引入的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大。对其进行打包优化

一、chunk-vendors.js 简介 顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。 通常，它意味着（仅和）

将productionSourceMap的属性设置为false即可。