【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目录结构
![vite 学习](http://img.gansulong.com/230619/2120016202-0.png)
文章插图
vue-cli创建的项目目录:
在一个 Vite 项目中 , index.html在项目最外层而不是在文件夹内 。这是有意而为之的:在开发期间 Vite 是一个服务器 , 而index.html是该 Vite 项目的入口文件 。
Vite 将index.html视为源码和模块图的一部分 。Vite 解析
最新文章
- package.json文件变更
- cad对齐标注的快捷键
- 西天取经那么苦猪八戒怎么就是瘦不下来
- 1.常见的构建工具
- 曹操的墓地到底在哪农民在墓碑上发现线索
- 勠力同心近义词 勠力怎么读
- 皇帝尊称台阶之下此名如何而来?
- 清朝历史上林则徐曾发给英国女王的一封信是什么
- 盘点:五代十国时期的宫廷政变
- 绍兴和议内容:南宋割地赔款皇帝向北称臣?