使用Vite创建React应用
Vite是一个全新的前端构建工具，其出现是为了解决JavaScript没有提供模块化开发的原生机制的问题。其中包含了一个开发服务器和一套使用Rollup完成打包的构建功能。Vite提供了开箱即用的配置，并且利用其插件API和JavaScript API提供了高度的可扩展性。借助于esbuild提供的高速预构建依赖，Vite可以提供比Webpack等传统构建工具更快的构建速度。
使用Vite创建不同的项目是通过不同的模板实现的。常用的项目模板有以下这些：
| 应用框架 | JavaScript模板 | TypeScript模板 |
|---|---|---|
| 原生 | vanilla | vanilla-ts |
| Vue | vue | vue-ts |
| React | react | react-ts |
| Preact | preact | preact-ts |
要使用Vite创建一个React应用项目，可以执行以下命令。
npm init vite@latest react-app-name -- --template react
这里要注意的是，命令中间有一个--，这个--是npm 7.x以上版本中必须的，不能省略。如果使用npm 6.x那么就不需要使用这个--了。
如果使用yarn来进行包管理，那么可以使用以下命令。
yarn create vite --template react