目前手中的项目热更新是越来越慢，所以才有了本片文章的出现，这是一篇教程文章，目前这套已经上来公司的开发环境，这个示例是之前为了测试而做的实验。本片教程的代码和真正引入项目中的代码还是有一定的差异。

背景 最近，就前端开发过程中的痛点及可优化项做了一次收集。 其中，构建耗时、项目编译速度慢的字眼出现了好几次。 随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的， 就是打包变慢等问题。

本篇文章主要讲解如何配置 Vite 如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成： 一个开发服务器和一套构建指令

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…