前端工程化基建探索

助力性能优化，从0开始编写一个Vite打包产物分析插件工具,在你的Vite构建的项目里，执行打包命令后，能生成一个打包产物分析报告html页面

前端业务在开发项目中，可直接"信手拈来"，这让前端人工作幸福指数提升！但是对于一些还没有进行前端资产的建设工作工作的同学来说，应该怎么样去建设符合自身的团队或项目的前端资产呢？

从2021年2月份Vite2更新，到2022年7月份Vite3发布，到今年2022年11月份Vite 4.0.0-alpha.0出现，不得不说，Vite在改善前端开发体验的道路上越来越卷了

webpack作为模块打包工具，在前端界可以说是恶棍天使一般的存在，前端人对它大多数对它都是咬牙切齿的....webpack已经更新到V5.75，再次重新去“顺藤摸瓜”式的去粗读源码，温故知新

“偷懒”才是第一生产力，公司新启一个项目，在较短的时间内搭建出一个完备的前端项目基础环境是比消耗劳动力的，如果我们自己定制有一个企业级的脚手架，自动把项目基础的搭好，是不是很省时省力，一起来探索吧~

当我们拉取一个前端工程化项目，都会通过npm/Yarn/pnpm 管理工具来安装项目的依赖，运行项目，打包项目，基本上是前端开发三部曲。不知在前端开发过程中你是否考虑过下面几个问题...

前端大佬，你好 ， 刚毕业那会，你欣喜的选择了前端岗位，步入职场的你，在前辈老师的带领下，开始拉取项目，开始` npm install`安装起来了项目依赖 ，运行项目，当你看到控制台上打印着...