Vue3.0 + Vite 绝佳的开发体验
- 更新:2020-08-21 09:25:09
- 首发:2020-08-20 18:52:31
- 互联网
- 6494
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 原理浅析》。
除特别注明外,本站所有文章均为原创。原创文章均已备案且受著作权保护,未经作者书面授权,请勿转载。
打赏
交流区
暂无内容
感谢回复! Clang 在生成时沿用了 GCC 的版本号标识,我是不是可以理解为Clang 18.1.4生成时使用的就是GCC4.8,所以我后续使用gcc 9.4
gcov
就会有不兼容的问题抱歉,这块我也不太清楚,尝试寻求AI的帮助吧。
我在这个过程中遇到了各种问题- -,现在在UDC core: g_serial: couldn't find an available UDC卡住了,请问大佬有什么解决方案吗,还是说我前置的设置就错了呢,> 这个需求很特殊。是可以的,但是比较困难,需要修改驱动配置。
好思路呀!!
关于hex编辑器,网上没找到特别好用的(小白没办法),最后在vscode上扩展一搜hex,第一个安装一下就可以用vscode进行hex编译了