Angular CLI≥v16高级JS优化：Webpack中build-optimizer替代方案

问题背景 #

我们在Angular应用的Webpack构建中使用@angular-devkit/build-optimizer和@ngtools/webpack。将脚本目标从ES5升级至ES2020+、TypeScript从v4升级至v5后，发现该工具与TypeScript v5不兼容，无法正常工作。移除它后打包体积增大，因为它原本会为导出类正确添加PURE装饰器。

build-optimizer 异常示例 #

输入代码（TS v5，目标ES2020+） #

export let ViewHighlightLineageAction = class ViewHighlightLineageAction extends Action {
  constructor( ... ) {
    ... 
  }
}

优化器输出代码 #

let ViewHighlightLineageAction = /*@PURE*/ (() => {
  export let ViewHighlightLineageAction = class ViewHighlightLineageAction extends Action {
    constructor( ... ) {
      ...
    }
  }
})();

核心问题 #

输出代码中函数内部出现了export let，这属于语法错误，导致工具完全失效。

需求 #

该包文档说明其功能已整合到Angular CLI代码中，但我们不清楚如何在现有Webpack构建流程中复用这些功能，请问该工具的替代方案是什么？

内容的提问来源于stack exchange，提问作者Kostia Mololkin