Vue3.0 + Vite 绝佳的开发体验
- 更新:2020-08-21 09:25:09
- 首发:2020-08-20 18:52:31
- 互联网
- 5877
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 原理浅析》。
除特别注明外,本站所有文章均为原创。原创文章均已备案且受著作权保护,未经作者书面授权,请勿转载。
打赏
交流区
暂无内容
如遇问题,手动修改上述代码中的版本号为最新版即可。
😄 祝您顺利!
那个设备管理器没有手动添加过时设备了,我直接就重新装了一遍
dcm
我心不死,又重新回来搞这个。
上面的都做好了,windows hello的安装程序闪退(就是闪退做不了),后面还把我sdk客户端里面的Camera Explorer又找不到我的照相机了,我哭死。
能提供一下思路吗,作者大大