Vue3.0 + Vite 绝佳的开发体验
- 更新:2020-08-21 09:25:09
- 首发:2020-08-20 18:52:31
- 互联网
- 4906
Vite
是一个尤大开源的革命性的Web构建工具。
Vite
是基于浏览器原生ES Module imports
的构建工具。很多场景下,Vite
可以代替webpack
,开发调试的速度有了非常大的提升。Vite
支持对单个文件的热更新,调试一行代码等很久的情况或将成为历史。
vite是法语中“ fast”的意思,其发音是/vit/
。
目前来说,Vite
可以通过polyfilled兼容支持ES2015(ES6)的浏览器,是立足当前且面向未来的创新。如果你的应用场景下可以使用Electron
或者支持ES6的浏览器,后端搭配高版本Node.js
并设置type=module
,那么就可以拥有一整套的原生ES Module
开发体验了。相比起某些语言十多年还没迭代完成一个大版本,JavaScript
在这方面可谓是强大得多。不过当前引入第三方库可能还存在较大的难度。Vite
使用要求项目里只使用ES Module imports
,如果使用了 require
将无法正常运行,所以要完全代替webpack
仍有难度。由于大部分项目都经过了Babel
编译,原始代码普遍是ES Module imports
方式,因此迁移成本较低。
使用Vite
,「热更新的速度不会随着模块增多而变慢」,它只会重新编译改变了的文件。
特性
- 闪电速度的冷启动
- 即时热模块更换(HMR)
- 真正的按需编译
快速体验Vue 3.0
+ Vite
yarn create vite-app vue-demo && cd vue-demo && yarn && yarn dev
Vite
开源仓库地址:https://github.com/vitejs/vite
更多关于Vite
的介绍,推荐阅读《Vite 原理浅析》。
除特别注明外,本站所有文章均为原创。原创文章均已备案且受著作权保护,未经作者书面授权,请勿转载。
打赏
交流区
暂无内容




跟高兴帮到您!
win11成功按照您的博客配置,写的非常仔细,谢谢您!
win10 请使用文中提到的开源仓库
这个方法win10ltsc是否适用?
这个错误提示确实是网络原因。在服务器上测试下
curl
腾讯服务器。