轶哥

📚 Having fun with AI Agent. Always learning.

Vue3.0 + Vite 绝佳的开发体验
  •   更新:2020-08-21 09:25:09
  •   首发:2020-08-20 18:52:31
  •   互联网
  •   6604

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 原理浅析》

打赏
交流区

暂无内容

尚未登陆
发布
  上一篇 (coTurn服务器部署)
下一篇 (MacOS 同时使用内网和外网(双网卡同时联网))  

评论回复提醒