内容简介：Vite 2.8 已发布。 主要更新内容： 升级底层：esbuild 0.14 & TypeScript 4.5 Workers 使用新的 URL() 模式 减少内存占用空间：2.8 的发布包大小约为 2.7 的 1/4，安装包大小减少了约一半 减少内存占用空间 Vers...
Vite 2.8 已发布。
主要更新内容：
- 升级底层：esbuild 0.14 & TypeScript 4.5
- Workers 使用新的 URL() 模式
- 减少内存占用空间：2.8 的发布包大小约为 2.7 的 1/4，安装包大小减少了约一半
减少内存占用空间
| Version | Publish Size | Install Size |
|---|---|---|
| 2.7.0 | 12.7MB | 25.2MB |
| 2.8.0 | 4.6MB | 17.4MB |
默认预览端口
vite preview的新默认端口是 4173（避免与 MacOS 使用的 5000 端口冲突）
Workers 使用了标准语法
当使用new URL('path', import.meta.url)语法时，可检测和捆绑到 Workers，取代了使用?worker后缀的需求，并确保 Vite 与标准模式一致。
旧写法：
import MyWorker from './worker.js?worker'
const worker = new MyWorker()
新写法
const worker = new Worker(
new URL('./worker.js', import.meta.url), { type: 'module' }
)
Vite（法语意思是 “快”，发音为 /vit/，类似 veet）是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包 工具 的组合，但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具（如 esbuild）来提供一个快速且现代的开发体验。
Vite 有多快？在 Repl.it 上从零启动一个基于 Vite 的 React 应用，浏览器页面加载完毕的时候，CRA（create-react-app）甚至还没有装完依赖。
如果你还没听说过 Vite 到底是什么，可以到这里了解一下项目的设计初衷。如果你想要了解 Vite 跟其它一些类似的工具有什么区别，可以参考这里的对比。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
