请选择 进入手机版 | 继续访问电脑版

登录 

游客您好!登录后享受更多精彩

查看: 476|回复: 2

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

[复制链接]

60

主题

90

帖子

600

积分

新手上路

Rank: 1

积分
600
发表于 2021-5-30 17:11:39 | 显示全部楼层 |阅读模式

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

新版本的亮点包括:

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

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

据介绍,Parcel 团队在过去的几个月里一直在专注于用 Rust 重写 arcel 的 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

主题

9

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2021-6-11 17:18:47 | 显示全部楼层

非常期待

回复

使用道具

15

主题

24

帖子

150

积分

新手上路

Rank: 1

积分
150
发表于 2021-6-29 16:55:19 | 显示全部楼层

回复

使用道具

您需要登录后才可以回帖

本版积分规则

粤ICP备20043801号-1  Copyright ©广州市开放邑软件科技有限公司

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表