Vite 4.2 正式发布,前端构建工具

来源: OSCHINA
编辑:
2023-03-22 18:35:00
AI总结

Vite(法语意为 "快速的",发音/vit/同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成:

  • 一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热更新(HMR)。

  • 一套构建指令,它使用 Rollup 打包代码,并且是预配置的,可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置,同时它的插件 API 和 JavaScript API 带来了高度的可扩展性,并有完整的类型支持。

上周 Vite 正式发布了 4.2 版本,主要变化包括:

  • 支持在 HTML 文件中替换环境变量

Vite 现在支持在 HTML 文件中替换环境变量。import.meta.env 中的任何属性都可以在具有特殊 %ENV_NAME% 语法的 HTML 文件中使用:

<h1>Vite is running in %MODE%</h1>
<p>Using data from %VITE_API_URL%</p>
  • 改进 Sourcemaps

Chrome 开发工具团队一直致力于改进开发工具中 Vite 的 DX 和 Vite 支持的框架。Vite 4.2 为框架作者带来了改进的体验和工具,可以使用 server.sourcemapIgnoreList 和 build.rollupOptions.output.sourcemapIgnoreList 从控制台日志跟踪中隐藏第三方代码并为用户构建工件。

  • 支持 ESM 子路径导入

Vite 4.2 现在支持子路径导入。主要是采用了 resolve.exports 库。

  • 支持 TypeScript 5
  • esbuild 升级到 0.17
  • 支持从 'vite' 导入 type { Rollup }

详情查看 Changelog

展开阅读全文
点击加入讨论🔥(6) 发布并加入讨论🔥
本篇精彩评论
我过年搞了个3,算是新的吧。你看现在都4.2了。。
2023-03-23 09:21
3
举报
6 评论
3 收藏
分享
AI总结
返回顶部
顶部