VITE笔记

VITE介绍

Vite 是一个 Vue 框架的构建工具，它提供了一种新的开发体验，可以更快地构建应用程序。Vite 使用 Rollup 作为其构建工具， Rollup 是一个 JavaScript 模块打包器，它允许你使用 ES2020 模块语法，并且可以打包你的应用程序。 Vite 的核心特性包括：

1. 开发环境：Vite 提供了一个快速的开发环境，它允许你使用 Vue 3 的新特性，如 JSX、TSX 和 Vue 3 的 Composition API。
2. 构建：Vite 使用 Rollup 作为其构建工具， Rollup 是一个 JavaScript 模块打包器，它允许你使用 ES2020 模块语法，并且可以打包你的应用程序。
3. 热重载：Vite 支持热重载，这意味着当你在编辑代码时，Vite 会自动重新加载页面，而不需要刷新浏览器。
4. 依赖预构建：Vite 可以预构建依赖，这可以减少应用程序的启动时间。
5. 插件：Vite 支持插件，你可以使用插件来扩展它的功能。
6. 服务器：Vite 使用原生 Node.js 服务器，因此它具有更好的性能和可扩展性。
7. TypeScript：Vite 支持 TypeScript，这使你可以使用 TypeScript 的类型检查。
8. CSS：Vite 支持 CSS，你可以使用 CSS 的新特性，如变量、函数和 mixin。