背景： 用户打开页面的时候，需要根据页面的活动 id，渲染不同的迭代版本，例如活动 A 使用的代码是 v0.0.1(featureA),活动 B 使用的版本是 v0.0.2(featureB)

我正在参加「掘金·启航计划」 前言 之前部署项目的时候都是手动的打jar包，然后将jar包上传到服务器运行，非常麻烦。上个月去其他公司待了一段时间，发现了自动化部署这么一个好东西，只要本地一提交代码，

常常会苦恼，平常做的项目很普通，没啥亮点；面试中也经常会被问到：做过哪些亮点项目吗？ 前端监控就是一个很有亮点的项目，各个大厂都有自己的内部实现，没有监控的项目就是在裸奔

打包体积优化！！！优化一半！！首次加载速度优化！！优化一半！！要让我们的项目fast fast fast！！

开篇 本次优化主要做的是 Webpack 打包资源体积大小的优化，目的是为了解决单页面应用首页加载白屏时间过长问题。 下面会根据分析优化的步骤一一记录分享。 分析 package.json 依赖 清除

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

本文章上接搭建篇，因为篇幅原因，我把优化单独放一篇文章来讲。 1、如果开发环境和生产环境都使用插件把CSS分离出来成为单独的文件，那么你在开发过程中会发现热更新对CSS不生效，所以解决方法就是分离CSS仅配置在生产环境。给大家埋了个坑！ 我们可以看见那个硕大的index.css…

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

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