Taking more then 1hr while build --prod=true with --aot=true in angular 9.1.0

[ajit007kumar]

🐞 bug report

Affected Package

When I build my project with below command it is taking more then 1.5 hr to complete its build process
node --max_old_space_size=12000 node_modules/@angular/cli/bin/ng build --prod=true --progress=true --verbose=true

Description

[webpack.Progress] 276437ms building
[webpack.Progress] 1655ms finish module graph
[webpack.Progress] 394ms dependencies optimization
[webpack.Progress] 227ms chunk graph
[webpack.Progress] 1238ms module optimization
[webpack.Progress] 73ms advanced chunk optimization
[webpack.Progress] 2002703ms chunk modules optimization
[webpack.Progress] 72ms module order optimization
[webpack.Progress] 102ms before module ids
[webpack.Progress] 59ms module id optimization
[webpack.Progress] 21ms chunk id optimization
[webpack.Progress] 54ms after chunk id optimization
[webpack.Progress] 4604ms hashing
[webpack.Progress] 18ms module assets processing
[webpack.Progress] 20496ms chunk assets processing
[webpack.Progress] 20ms additional chunk assets processing
[webpack.Progress] 67ms additional asset processing
[webpack.Progress] 1782654ms chunk asset optimization
[webpack.Progress] 1871ms emitting

🔬 Minimal Reproduction

run below command with some configuration like
node --max_old_space_size=12000 node_modules/@angular/cli/bin/ng build --prod=true --progress=true --verbose=true

configurations :-

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": false,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": false,
    "experimentalDecorators": false,
    "importHelpers": true,
    "target": "esnext",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "esnext",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableIvy": true,
    "allowEmptyCodegenFiles": true
  }
}

angular.json

"architect": {
          "build": {
            "builder": "@angular-devkit/build-angular:browser",
            "options": {
              "outputPath": "dist",
              "index": "src/index.html",
              "main": "src/main.ts",
              "polyfills": "src/polyfills.ts",
              "tsConfig": "src/tsconfig.app.json",
              "assets": [
                "src/favicon.ico",
                "src/assets",
                "src/resources",
                "src/images"
              ],
              "styles": [
                "./src/styles.css",
                "./src/resources/themes/omega/theme.css",
                "./src/resources/css/main.css",
                "./src/resources/css/dashboard.css",
                "./src/resources/css/transactionDetail.css",
                "./src/resources/css/material-icons.css",
                "./src/resources/css/alert-style.css",
                "./src/resources/css/config-styles.css",
                "./src/resources/css/scenario-styles.css",
                "./src/resources/css/access-log.css",
                "./src/resources/css/netocean.css",
                "./src/resources/css/nethavoc.css",
                "./src/resources/css/reports.css",
                "./src/resources/css/netvision.css",
                "./src/resources/css/ddr-style.css",
                "./src/resources/css/mon-ui-styles.css",
                "./src/resources/css/dashboard-sql-query.css",
                "./src/resources/css/replayStyle.css",
                "./src/vendors/prettyprint/style/desert.css",
                "./src/vendors/prettyprint/style/prettify.css",
                "./src/vendors/jsplumb/demo.css",
                "./src/resources/css/accesscontrolstyle.css",
                "./src/resources/css/executive-dashboard.css",
                "./src/resources/css/light-house.css",
                "./node_modules/codemirror/lib/codemirror.css",
                "./node_modules/prismjs/themes/prism-coy.css",
                "./node_modules/font-awesome/css/font-awesome.min.css",
                "./node_modules/primeicons/primeicons.css",
                "./node_modules/primeng/resources/primeng.min.css",
                "./node_modules/font-awesome/css/font-awesome.css",
                "src/vendors/ngjsPlumb/css/jsplumbtoolkit-defaults.css",
                "src/vendors/ngjsPlumb/css/jsplumbtoolkit-demo.css",
                "src/vendors/ngjsPlumb/css/syntax-highlighter.css",
                "src/product-icons.css",
                "src/resources/css/netchannel.css",
                "./src/unifiedStyle.css"
              ],
              "scripts": [
                "./src/scripts/utility.js",
                "./src/vendors/highcharts-plugins/proj4.js",
                "./src/vendors/prettyprint/js/prettify.js",
                "./src/vendors/captcha/captcha.js",
                "./node_modules/hammerjs/hammer.min.js",
                "./node_modules/jsplumb/dist/js/jsplumb.min.js",
                "./node_modules/lz-string/libs/lz-string.min.js",
                "./node_modules/prismjs/prism.js",
                "./node_modules/codemirror/lib/codemirror.js",
                "./src/resources/netvision/js/nv_encode_decode.js",
                "./src/resources/netvision/js/jquery.min.3.2.1.js",
                "./src/resources/netvision/js/bootstrap.min.3.3.7.js"
              ]
            },
            "configurations": {
              "production": {
                "fileReplacements": [
                  {
                    "replace": "src/environments/environment.ts",
                    "with": "src/environments/environment.prod.ts"
                  }
                ],
                "optimization": true,
                "outputHashing": "all",
                "sourceMap": false,
                "extractCss": true,
                "namedChunks": false,
                "aot": true,
                "extractLicenses": true,
                "vendorChunk": true,
                "buildOptimizer": false,
                "budgets": [
                  {
                    "type": "initial",
                    "maximumWarning": "10mb",
                    "maximumError": "30mb"
                  }
                ]
              }
            }
          },
      }
  }

🌍 Your Environment

Angular CLI: 9.1.1
Node: 12.16.1
OS: linux x64

Angular: 9.1.1
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes

Package Version

@angular-devkit/architect 0.901.1
@angular-devkit/build-angular 0.901.1
@angular-devkit/build-optimizer 0.901.1
@angular-devkit/build-webpack 0.901.1
@angular-devkit/core 9.1.1
@angular-devkit/schematics 9.1.1
@angular/cdk 9.2.0
@angular/flex-layout 9.0.0-beta.29
@angular/material 9.2.0
@angular/material-moment-adapter 9.2.0
@ngtools/webpack 9.1.1
@schematics/angular 9.1.1
@schematics/update 0.901.1
rxjs 6.5.5
typescript 3.8.3
webpack 4.42.0

[petebacondarwin]

It looks to me like this is something happening in the general build pipeline rather than specifically the Angular compiler part, so transferring over to the CLI project...

[alan-agius4]

Hi @ajit007kumar,

Would you be able to share a reproduction even privately?

From the above it looks like chunk modules optimization and chunk asset optimization phases are taking the most time (approx: 30mins each). It is expected that these 2 phases take some time especially when providing a lot of files in the scripts and styles options. Since both JS and CSS gets minified during these phases. That being said, it's the first time I see reports of such lengthy builds.

Also, It would be good to know the below:

• What were the timings in version 8?
• Can you provide the terminal output after running of the ng build (Ie: the size of files)?

[rdkmaster]

Hi @ajit007kumar

try this command instead of use ng build directly:

node --max_old_space_size=4096 ./node_modules/.bin/ng build ... --source-map --aot --prod

[dgp1130]

Closing as there hasn't been any response from the issue author. Please re-open if you are still seeing problems here.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}