Parcel 2 beta 3 发布,极速零配置 Web 应用打包工具

来源: OSCHINA
编辑: 局长
2021-05-25

Parcel 2 beta 3 已于上周发布,这是一款 Web 应用打包工具,它通过利用多核处理提供了极快的速度,并且不需要任何配置。

新版本的亮点包括:

  • 使用 Rust 彻底重写 JavaScript 编译器,整体构建性能提升 10 倍
  • 动态导入 Tree shaking
  • 支持 tree shaking CSS 模块
  • 支持按需构建 (lazy development builds)
  • 减少依赖项
  • ……

Rust 重写的 JavaScript 编译器性能提升 10 倍

据介绍,Parcel 团队在过去的几个月里一直在专注于用 Rust 重写 Parcel 的 JavaScript 编译器。Parcel 的 JavaScript 编译器负责检测代码中的依赖项(如import语句和new Worker()调用),内联process.env变量和其他 Node 全局变量以及执行范围提升。

此外,Parcel 会自动为已配置的browserslist目标转译源代码,包括诸如 JSX 和 TypeScript 之类的非标准语法以及 React Fast Refresh 等开发阶段的功能。

在此版本之前, 所有这些任务都是在 Babel AST 的基础上用 JavaScript 实现的,虽然 Parcel 团队进行了许多优化,但 JavaScript 编译器仍是 Parcel 最慢的部分。

新的 JavaScript 编译器基于 Rust 的 SWC 编译器编写,SWC 提供 JavaScript 解析和代码生成功能,以及用于构建超快速 AST 转换的坚实基础。Rust 提供了可预测的性能、即时的启动时间以及对硬件级别进行优化的能力。总体而言,新的编译器将构建性能整体提升了 10 倍。

动态导入 Tree  shaking

支持动态导入 Tree  shaking 是一项与作用域提升实现相关的功能。Parcel 可以检测动态导入的哪些属性可以被访问,并排除已解析模块中未使用的导出。这适用于 promise chaining、async/await、解构和静态对象属性访问。如果非静态访问任何内容(例如,计算属性),则将包含所有导出。

支持 tree shaking CSS 模块

新版的 Parcel 支持 tree shaking CSS 模块。在 JavaScript 中导入 CSS 模块时,Parcel 会跟踪使用了哪些类,并自动从编译的 CSS 文件中排除未使用的选择器。此外,类名现在会自动内联到已编译的 JavaScript 中,而不是存储在大型对象图中。这将有助于减小 CSS 和 JS 输出的捆绑包大小。

路线图

根据官方开发团队的说法,Beta 3 应该是第一个候选版本发布之前的最终 Beta 版本,对于第一个候选版本,目前正在研究以下项目:

  • 改进缓存无效性 (cache invalidation),以进行打包和优化
  • 确保缓存在机器或不同文件路径之间(例如 CI)可移植
  • 改进的自动差分捆绑支持(模块/无模块)
  • API 一致性

候选版本发布之后,公共 API 将被冻结,期间将专注于修复错误和完善文档,这大约需要一个月的时间。一切准备就绪后,将发布 2.0 稳定版。

详细更新说明查看发布公告

展开阅读全文
3 收藏
分享
加载中
更多评论
0 评论
3 收藏
分享
返回顶部
顶部