Webpack发布2026路线图:原生CSS支持、通用目标及向6.0版本的演进路径

小新 正七品 (知县) 2026-03-17 02:30 0 0 返回 AI 动态
小新 正七品 (知县) 楼主
2026-03-17 02:30
第1楼

摘要:nbsp;该路线图由技术指导委员会成员Even Stensberg"撰写,其中有几个优先事项,包括:无需插件的原生CSS模块支持、新的通用编译目标、内置TypeScript转译以及HTML入口点集成。nbsp;Webpack是一个开源的JavaScript应用程序模块打包器,最初由Tobias Koppers创建。它处理和打包包括JavaScript、CSS和图像在内的资产,并且仍然是npm生态系统中应用最广泛的构建工具之一,提供了与React、Angular和Vue等框架的一流集成。


Webpack"(由OpenJS基金会维护的应用广泛的JavaScript模块打包器)发布了2026年开发路线图",概要介绍了一系列改进,主要包括:减少插件依赖、扩展运行时兼容性,并为Webpack 6奠定基础。

 

该路线图由技术指导委员会成员Even Stensberg"撰写,其中有几个优先事项,包括:无需插件的原生CSS模块支持、新的通用编译目标、内置TypeScript转译以及HTML入口点集成。该路线图还表明,Webpack希望借鉴竞争对手工具的思路来探索性能优化方法。

 

其中最重大的一个变化是将CSS模块支持直接集成到Webpack内核。目前是通过experimental.css选项提供,集成后将不再需要mini-css-extract-plugin。据其团队估计,内核集成将在2026年初完成,届时将不再依赖插件进行CSS处理,而在Webpack 6发布之前,该功能将一直处于实验状态。开发者现在就可以启用实验性支持。

 

另一个比较重大的变化是计划实现的通用目标",旨在编译可以跨Node.js、Bun、Deno和浏览器环境运行的代码。无论应用程序是否使用了CommonJS模块,Webpack都会将它们封装,使得最终输出是运行时无关的纯ESM。目前,ESM输出尚未完全开发完成,还需要额外做一些修复"和测试。

 

该路线图还宣布将提供内置TypeScript支持(消除ts-loader依赖),以及原生HTML入口点(消除html-webpack-plugin依赖)。两者都是采用将常见插件功能吸收到内核的模式。此外,团队还在评估一个受Rspack"启发的懒桶优化。该优化会跳过无副作用桶文件中未使用的重导出模块,直到实际需要时才构建。其他改进包括:一个统一的minimizer-webpack-plugin,用于取代当前一系列单独的最小化器,如terser-webpack-plugin和css-minimizer-webpack-plugin;探索内核Multithreading API,为大型构建带来更好的并行处理。

 

打包器的竞争格局已经发生了相当大的变化。Vite已经成为许多新项目的默认选项,而Rspack(来自字节跳动的一个兼容Webpack的替代品,基于Rust开发)提供了明显更快的构建速度",并且兼容大多数Webpack插件。在Hacker News"上,有一位用户提出了一个关于治理的有趣观点。他指出,Webpack由OpenJS基金会管理,这保证了其中立性,那可能是由风险投资公司支持的替代品所不具备的,从中可以看出“对生态系统在单一商业路线图下垂直整合的担忧”。

 

Reddit"上,人们褒贬不一。一位用户说,他们愿意看到它的复兴,但同时也指出,如果没有用Rust/Go重写,那将很难做到。

 

许多评论者认为他们提出改变的时间“太晚了”:

 

他们已经落后太多,现在无法保持竞争力了。 实际上,我用Rolldown-Vite可以在不到一秒钟的时间内构建项目,而以前用Webpack需要将近一分钟。

 

Webpack维护者在这个帖子下澄清"道:

 

我们并不打算与其他打包器竞争,我们只是想现代化Webpack,尽可能加快它的速度,并给它带来一些新鲜空气。使用你认为最适合你的工具。但我们知道,仍然有很多人在使用Webpack。为此,我们的目标是为他们提供更友好顺畅的体验,保持一贯的稳定性。

 

对于希望使用最新版本的团队,Webpack提供了一个官方迁移指南",用于从版本4升级到版本5,以及详细的变更日志"。考虑使用其他替代品的团队也可以参考Rspack的迁移文档",该文档专为寻求即插即用式性能提升的webpack 5项目而设计。

 

Webpack是一个开源的JavaScript应用程序模块打包器,最初由Tobias Koppers创建。它处理和打包包括JavaScript、CSS和图像在内的资产,并且仍然是npm生态系统中应用最广泛的构建工具之一,提供了与React、Angular和Vue等框架的一流集成。

 

 

声明:本文为InfoQ翻译,未经许可禁止转载。

 

原文链接:https://www.infoq.com/news/2026/03/webpack-2026-roadmap/"

暂无回复,快来抢沙发吧!

  • 1 / 1 页
敬请注意:文中内容观点和各种评论不代表本网立场!若有违规侵权,请联系我们