Angular9：構建有額外的編譯步驟

Question

由於我將 Angular8 項目更新為 Angular9，我可以看到編譯為 esm 的額外步驟。 這使我的構建時間增加了 1 分鍾。

它看起來像這樣：

Compiling @angular/animations : es2015 as esm2015
Compiling @angular/cdk/keycodes : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/cdk/collections : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
...

有人知道這一步是做什么的嗎？ 是否有任何選項可以禁用它？

Answer 1

這是 ngcc 將所有模塊編譯成 ivy 兼容的代碼。

您無法刪除它，因為 Ivy 需要它到 function。 但是您可以執行一次，這會將文件生成到 node_modules 中，並且在添加任何新依賴項或更新 angular 之前，您無需再次執行此操作。

將此添加到您的package.json scripts部分

"scripts": {
  ...
  "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points"
  ...
}

然后運行npm install或yarn install來觸發 postinstall 命令。