Vite 2.8 发布，全新的前端构建工具

内容简介：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' }
)

详细内容查看 Changelog。

---

Vite（法语意思是 “快”，发音为 /vit/，类似 veet）是一种全新的前端构建工具。你可以把它理解为一个开箱即用的开发服务器 + 打包 工具 的组合，但是更轻更快。Vite 利用浏览器原生的 ES 模块支持和用编译到原生的语言开发的工具（如 esbuild）来提供一个快速且现代的开发体验。

Vite 有多快？在 Repl.it 上从零启动一个基于 Vite 的 React 应用，浏览器页面加载完毕的时候，CRA（create-react-app）甚至还没有装完依赖。

如果你还没听说过 Vite 到底是什么，可以到这里了解一下项目的设计初衷。如果你想要了解 Vite 跟其它一些类似的工具有什么区别，可以参考这里的对比。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 前端构建秘籍
• （翻译）前端构建工具的比较
• 前端脚手架构建实践
• Web 前端项目的构建工具
• 前端为什么需要构建工具？
• Web 前端项目的构建工具

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。