Vite 入门篇：学会它，一起提升开发幸福感。

相信大部分兄弟都体验过 Vite 了，知道它很快。但你知道它为什么快，相比 Webpack 有哪些不同吗？今天咱们就来全面了解一下 Vite ，尤其适合新手兄弟。话不多说，开整！

什么是构建工具

很多人对构建工具没有什么概念，只知道是用来打包的。那么到底什么是构建工具呢？

大家都知道浏览器只支持 Html、CSS、JavaScript，但一个企业级项目可能会用到各种各样的前端技术，如 Less、Sass、TS、Vue组件、语法降级、体积优化等，这时候我们就需要相应的工具去处理这些内容：

• 使用 less-loader / sass-loader 处理 less / sass
• 使用 tsc 将 typescript 转换为 javascript
• 使用 vue-complier 将 vue 组件模板转换为 render 函数
• 使用 babel 将 es 的新语法转换为旧版浏览器认识的语法
• 使用 uglifyjs 将我们的代码压缩成体积更小的文件
• ......

我们可以手动把代码挨个处理一遍，但这样效率非常低，当我们稍微修改一点代码，这个流程又要重新走一遍，非常的麻烦。有个神奇的东西，可以把以上工具集成到一起，整个流程交给它自动处理，而且当代码发生变化时，自动帮