尽管JavaScript生态系统为专业开发人员提供了出色的工具，但许多最受欢迎的工具（如Create React App和Webpack）变得越来越复杂和效率低下。幸运的是，我们已经看到JavaScript社区认识到了这个问题，并开始构建更快，更高效的工具，这意味着我们终于可以提供用户期望我们提供的体验。
这种新体验由JavaScript构建工具Vite提供支持，该工具提供了快速而精益的开发体验。Vite具有许多功能，包括HMR或Hot Module Replacement（热模块替换），将您的工具与Rollup捆绑在一起的构建命令，以及对TypeScript和JSX的内置支持。
Vite使React开发变得更快。好像真的很快。使用HMR，您可以在几毫秒内重新触发触发器，从而使原型UI变得非常快。考虑到这一点，我们决定使用Vite重写React模板，我们震惊地看到它快了很多。
在过去的几周中，我们新的React模板帮助我们的设计师为复杂的UI组件制作了原型，并使我们的许多工程实现者可以在（虚拟）现场的短短几个小时内构建整个Web应用程序。
原理
Vite通过不同方式对待您的源代码和依赖项来工作。与您的源代码不同，依赖关系在开发过程中变化的频率几乎没有。Vite通过使用esbuild预捆绑您的依赖项来利用这一事实。Esbuild是用Go语言编写的JS捆绑程序，其捆绑依赖项的速度比基于Webpack和Parcel的基于JavaScript的备选方案快10到100倍。
然后，它通过本机ES Modules或ESM提供您的源代码，ESM允许浏览器处理实际的捆绑。
最后，Vite支持HMR，该功能可确保在编辑文件时仅替换相关模块，而不是重建整个包，这将触发页面重新加载并重置状态。与其他捆绑软件不同，Vite在本地ES模块上执行HMR，这意味着仅在编辑文件时才需要使受影响的模块无效。这样可确保更新时间始终保持快速，而不是随着应用程序的增长而线性扩展。
入门
首先，只需在创建新的repl时派生我们的React模板或在语言下拉列表中选择React.js即可。
Vite还是与框架无关的，因此，如果React不是您的事，那么您也可以使用我们的Vue和Vanilla JS模板。
我们希望这可以帮助您更快地提出您的想法，并期待看到您的想法！