Parcel 2.6 发布,零配置构建工具


Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。

Parcel v2.6.0 现已发布。此版本包含的新功能包括 React 的 error overlay、对 HMR 中 source maps 的支持以及 CSS 模块中的本地范围变量,以及许多错误修复和改进。

React error overlay

Parcel 现在包含了 React 的 runtime error overlay,它显示了漂亮的堆栈跟踪,并带有高亮的代码帧,自动省略了 React framework internals。

Launch your editor right from an error

React runtime error overlay 和 Parcel 的 build error overlay 现在都支持单击 code frames 中的文件名或行号以直接跳转到代码编辑器中的该行。Parcel 根据已经运行或安装的进程,从超过 15 个受支持的编辑器列表中自动检测你正在使用的编辑器。这使得在浏览器中的调试和编辑器中的相应代码之间跳转变得非常容易。

HMR source maps

HMR 和 source maps 现在在 Parcel 中可以一起工作。这意味着在对代码进行更改且无需重新加载浏览器的情况下,错误堆栈跟踪和控制台日志现在会显示源代码的正确行和列,而不是编译后的输出。这使得调试变得更加容易。

CSS 模块中的局部范围变量

Parcel 现在提供了一种可选择的方式来本地化 CSS 变量和其他 dashed identifiers(例如@font-palette-values)。启用后,Parcel 将重命名 CSS 变量以包含它们所在文件名的哈希值,这样它们就不会与其他文件冲突。如果你确实需要引用另一个文件中定义的变量,则有一个新的 CSS 语法扩展来执行此操作:

.button { background: var(--accent-color from "./vars.module.css"); }

且 Parcel 现在可以 tree shake 未使用的 CSS 变量。就像 JavaScript tree shaking 一样,Parcel 跟踪每个文件中使用了哪些 CSS 类、id、@keyframes和 now 变量,并自动删除未使用的声明。这仅适用于 CSS 模块,因为符号是在本地而不是全局声明和引用的。对于设计系统和其他具有大量 CSS 变量的库来说,这可能是一个非常有用的功能,而在应用程序中也许只有部分可用的组件被实际使用。

可查看更新的文档以了解有关此功能的更多信息。

自定义 CSS 模块命名模式

Parcel 现在还支持一种方法来配置编译 CSS 模块时使用的命名模式。默认情况下,Parcel 会在每个类名前面加上定义它的文件名的哈希值。现在,你可以通过在 package.json 中配置@parcel/transformer-css来定义自定义命名模式。

{ "@parcel/transformer-css": { "cssModules": { "pattern": "my-company-[name]-[hash]-[local]" } } }

查看文档以了解更多信息。

npm 包中的 Glob

@parcel/resolver-glob插件允许你使用 glob specifiers 一次导入多个文件。以前,它只支持项目中的本地文件,但现在你也可以从 npm 包中导入 glob。

import * as locales from '@company/pkg/i18n/*.js'; console.log(locales.en.message);

有关更多详细信息,可参阅文档。

更多

Parcel v2.6.0 还包含许多其他较小的功能、错误修复和改进,包括支持 Vue 的compilerOptions<script setup>、对更多图像格式的支持、对 SWC 的更新、改进的 Elm 错误信息等等。可查看完整的发行说明以获取更多详细信息。


相關推薦

2022-08-06

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.7 发布,更新内容如下: 新增 Core 为带有 --log-level verbose 的已解析目

2023-10-26

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.10.1 已发布,具体更新内容包括: Fixed Core 在 CI 中使用现代

2023-06-11

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.9.2 已发布,具体更新内容包括: Fixed Core 修复当 entries 看起

2023-11-16

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.10.3 已发布,具体更新内容包括: Fixed Core 将先前递延的 assets 标

2022-11-11

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.8 发布,更新内容如下: 新增 Core 通过拆分依赖关系,使用符号数据

2023-01-20

Parcel 是用于 Web 的零配置构建工具。它将出色的开箱即用开发体验与可扩展的体系结构相结合,可将你的项目从零发展为大规模生产应用程序。 Parcel 2.8.3 现发布,更新内容如下: Core 过滤掉 title execArgv 到 workers Bu

2024-07-02

流一体数据集成工具,WhaleTunnel随着WhaleStudio 2.6版本正式发布,带来了多项功能增强和新特性,性能大幅提升,连接器和功能方面也有大量更新。 上周,关于数据调度平台WhaleScheduler的更新状况在 《WhaleStudio 2.6重磅发布!调

2024-05-23

ersj 用户界面:增加了查看->专注模式以切换菜单栏和工具栏的可见性 字体:重构字体导入的实现,使用MD5摘要作为导入的字体文件名 字体:支持方正小标宋简体 样式:通过内容摘要进行缓存 插件:为插入 UTF-8 编码

2023-03-04

OpenSearch 2.6 已正式发布。此版本新增了按照 OpenTelemetry 标准构建的数据模式 (data schema),为分析和可观察性用例的未来功能进行了铺垫。此外还升级了索引管理、改进了安全分析工作负载的威胁检测,并为可视化工具、机器学习

2022-11-03

持从项目外部加载源代码来生成字段注释 (包括标准规范发布的 jar 包)。 支持生成多种格式文档:Markdown、HTML5、Asciidoctor、Postman collection、Open Api 3.0+。 轻易实现在 Spring Boot 服务上在线查看静态 HTML5 api 文档。 开放文档数据

2023-06-09

Astro 2.6 已正式发布。在该版本中,多项实验性功能进入稳定状态,包括:Middleware(中间件)、Hybrid SSR output mode(混合 SSR 输出模式)、Custom client directives(自定义客户端指令)和 CSS inlining(CSS 内联)。 此外还引入了许

2024-08-13

ETL & 流批一体化框架 bboss v7.2.6 发布---简版Flink。文件输出插件新增将生成的数据文件写入oss数据库minio功能以及若干改进。 v7.2.6 功能改进-20240812 问题修复:修复部分Postgresql分页查询失败问题 功能改进:将框架中部

2024-08-12

InnoShop v0.2.6 已经发布,免费开源模块化的跨境电商系统 此版本更新内容包括: 新增 新增小程序和移动应用的前端REST API接口。 新增后台管理面板REST API,提高管理效率。 新增后台数据分析报表,涵盖订单、产品、客户

2023-06-19

Word GPT Plus 是一款基于Vue3开发的Word加载项,它允许你基于文档中写的内容生成文本。你可以使用它来翻译、总结、润色或者从零开始写一篇文章。 开源地址和软件官网 Github Kuingsmile/word-GPT-Plus 本次更新内容 现在支持使