一、什么是 Vite
Vite 是由 Evan You 推出的下一代前端构建工具，是官方 Vue CLI 的替代品，速度非常快。Vite 利用原生 ESM 并使用 Rollup 处理开发和打包工作。 从功能上讲，它的工作方式类似于预配置的 webpack 和 webpack-dev-server，但在速度方面具有无可比拟的优势。
相比其他的构建工具，Vite 具有以下优点和特征：
- 强大的 HMR 支持：Vite 提供了一个 HMR API， 在应用程序运行时交换、添加或删除模块，无需完全重新加载，显著加快开发过程。
- 开箱即用的Typescript支持： Vite 使用名为 esbuild 的JavaScript 打包器将 TypeScript 代码转换为 JavaScript。
- Vite 在提供的所有 JavaScript 文件中检测类裸模块导入，并将它们重写为解析路径以反映包在 node_modules 文件夹中的位置，以便浏览器可以正确处理它们。
- 开箱即用地支持 Vue3 单文件组件 、Vue 3 JSX 组件和 Vue 2 组件，还支持 JSX 文件（.jsx、.tsx）、CSS 文件导入、PostCSS、CSS 模块和 CSS 预处理器，如 Sass、LESS 和 Stylus。
目前，Vite已经发布了4.4的正式版本，下面就来看看4.4发布的新功能吧！