处理在Angular 10中加载CommonJS模块时出现的警告的方法

总之

从Angular 10开始,当加载CommonJS格式的模块时,将显示警告。
尝试加载lodash的v4.17.19等,可以复现此问题。

第一种解决方案

切换到ESM格式是理想的解决方法。就像我们之前提到的lodash一样,已经发布了一个名为lodash-es的ESM格式库。

第二种解决方案

尽管如此,并不是所有库都以ESM格式发布。
在这种情况下,您可以在angular.json中指定允许使用CommonJS格式的库来减少警告。
但请注意,这只是减少警告,并不意味着进行构建时的优化等操作。

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
     "allowedCommonJsDependencies": [
        "lodash"
     ]
     ...
   }
   ...
},

请提供相关链接

以下是一篇关于Angular的博文:[Angular的10.0版本现已发布](https://blog.angular.io/version-10-of-angular-now-available-78960babd41)和一个有关配置CommonJS依赖项的Angular指南链接:[构建Angular项目的配置指南](https://angular.io/guide/build#configuring-commonjs-dependencies)。

广告
将在 10 秒后关闭
bannerAds