vite 学习 _vue_甘肃龙网

【vite 学习】作者原话：
Vite ，一个基于浏览器原生 ES的开发服务器。利用浏览器去解析，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用打包。虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。
7 月 13 日， Vite 3 正式发布，它被称为下一代的前端工具链。全新的 v3 文档发布，可以前往开始 | Vite 官方中文文档查看。
想要尝试 vite ，可以直接通过如下命令：
npm create vite@latest my-vue-app --template vuecd my-projectnpm installnpm run dev
可以看出来消耗了277ms ，而使用vue-cli消耗，提升了10倍。
目前 vite 都是和 vue 3 搭配使用，如果要在 vue 2 使用 vite 估计还得等正式版发布。当然，能上 vue 3 还是上 vue 3 吧，无论性能、包大小还有 ts 加持方面， vue 3 都远优于 vue 2。
vite目录结构

文章插图
vue-cli创建的项目目录：
在一个 Vite 项目中， index.html在项目最外层而不是在文件夹内。这是有意而为之的：在开发期间 Vite 是一个服务器，而index.html是该 Vite 项目的入口文件。
Vite 将index.html视为源码和模块图的一部分。Vite 解析
最新文章