在执行ng build时,解决CommonJS或AMD依赖项可能导致优化失败的方法

现象 –

在执行npm install命令添加模块时,在构建过程中出现了以下警告。

Warning: {tsファイル名} depends on '{nodeパッケージ名}'. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

如果不理会这个警告,建置产物的大小可能会不必要地变得很大。

应对方法 fǎ)

在angular.json的”build”中添加”options”下的allowedCommonJsDependencies配置。如果npm中的包名为hoge的包引发了该警告,可以按照下面的描述进行配置。

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


广告
将在 10 秒后关闭
bannerAds