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

栏目: 软件资讯 · 发布时间: 4年前

内容简介: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 2.8 发布,全新的前端构建工具

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

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


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

查看所有标签

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

CSS实战手册

CSS实战手册

David Sawyer McFarland / 俞黎敏 / 电子工业出版社 / 2007-07-01 / 68.00元

CSS是一场革命 借用quirksMode的PPK(Peter-Paul Koch)的话来说:CSS是一场革命。 Ajax的浪潮正在逐步改变着Web开发的方式。谈到Ajax,开发人员似乎更注重于 XMLHttpRequest 和 JavaScript ,而淡忘了Ajax还有一个重要的组成部分 CSS。 事实上,CSS和DOM、xHTML以及粘合它们的JavaScript密不可分,......一起来看看 《CSS实战手册》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

SHA 加密
SHA 加密

SHA 加密工具