你好,Vite + React!
首先介绍一下什么是Vite?
Vite 是由开源 JavaScript 框架 Vue.js 的创建者 Evan You 创建的下一代前端工具。
为什么选择 React?
所以,如果它来自 Vue.js,你可能会想……如果它代表着它是直接竞争对手,我怎么会用它来创建一个 React 项目呢?嗯,因为 Vite 是一个创作工具,完全不可知,而且该工具本身会指导我们创建一个 React 应用程序,正如我们将在下面看到的。
我已经可以告诉你,结果令人印象深刻,它的创建速度和你开始开展项目的速度都令人印象深刻。
如何开始?
yarn create @vitejs/app
输入项目名称。
就我而言,richi.codes
选择模板:
Scaffolding project in /richi.codes....
? Select a template: ...
vanilla
vue
vue-ts
❯ react
react-ts
preact
preact-ts
lit-element
lit-element-ts
我选择 React。
就是这样!
我们已经创建了项目,现在我们只需要安装并运行它。
cd richi.codes
yarn
yarn dev
✨ Done in 130.42s.
准备得非常快
结论
不得不说,与 create-react-app 相比,Vite 确实速度更快,而且效果也令人惊叹。而且,Vite 的项目规模似乎也比 create-react-app 要小,所以如果你要创建一个新项目,Vite 确实是一个值得考虑的选择。
文章来源:https://dev.to/richicodes/hello-vite-react-51no