I'am in the process of upgrading a large enterprise application from Angular 8 to 12 and have finished the task, but we had to disable the angular "optimization" for production because we had a build time increase from 5 minutes to 2 hours.
I've done a lot of research and try & error fixes digging through all the open and closed issues about this topic but can't find the root cause.
I have no idea why the most of the time the process is idling... maybe someone with deeper cli skills can help here analyzing the profile. That would be great if someone of the core team could investigate some time here.
🔥 Exception or Error
In the --verbose output we have a massive amout of
ModuleConcatenation bailout: Cannot concat with ...
The timings summary:
LOG from webpack.Compiler
make hook: 2555.1645 ms
finish make hook: 0.021 ms
finish compilation: 0.2524 ms
seal compilation: 8.8432 ms
afterCompile hook: 0.0213 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 0.0295 ms
figure out provided exports: 0.0356 ms
50% of exports of modules have been determined (1 no declared exports, 1 not cached, 0 flagged uncacheable, 0 from cache, 0 additional calculations due to dependencies)
store provided exports into cache: 0.0183 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 0.029 ms
LOG from webpack.Compilation
finish modules: 0.2079 ms
report dependency errors and warnings: 0.0287 ms
optimize dependencies: 0.528 ms
create chunks: 0.3907 ms
optimize: 0.827 ms
2 modules hashed (1 variants per module in average)
module hashing: 0.3391 ms
100% code generated (2 generated, 0 from cache)
code generation: 0.5947 ms
runtime requirements: 0.9001 ms
hashing: initialize hash: 0.0039 ms
hashing: sort chunks: 0.0191 ms
hashing: hash runtime modules: 0.3923 ms
hashing: hash chunks: 1.1457 ms
hashing: hash digest: 0.0233 ms
hashing: process full hash modules: 0.0014 ms
hashing: 1.6203 ms
100% code generated (4 generated, 0 from cache)
record hash: 0.013 ms
module assets: 0.5514 ms
create chunk assets: 0.7254 ms
process assets: 1.6782 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 0.0035 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 0.007 ms
trace exports usage in graph: 0.4456 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 0.0363 ms
visitModules: visiting: 0.1906 ms
4 queue items processed (2 blocks)
0 chunk groups connected
0 chunk groups processed for merging (0 module sets, 0 forked, 0 + 0 modules forked, 0 + 0 modules merged into fork, 0 resulting modules)
0 chunk group info updated (0 already connected chunk groups reconnected)
visitModules: 0.2449 ms
connectChunkGroups: 0.0021 ms
cleanup: 0.0013 ms
LOG from webpack.ModuleConcatenationPlugin
select relevant modules: 0.1659 ms
sort relevant modules: 0.0013 ms
find modules to concatenate: 0.0022 ms
sort concat configurations: 0.0011 ms
create concatenated modules: 0.0336 ms
+ 3 hidden lines
LOG from webpack.FileSystemInfo
2 new snapshots created
0% root snapshot uncached (0 / 0)
0% children snapshot uncached (0 / 0)
0 entries tested
File info in cache: 44 timestamps 38 hashes 38 timestamp hash combinations
File timestamp hash combination snapshot optimization: 0% (0/38) entries shared via 0 shared snapshots (0 times referenced)
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Missing items snapshot optimization: 0% (0/6) entries shared via 0 shared snapshots (0 times referenced)
Managed items info in cache: 0 items
Child mini-css-extract-plugin C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fontawesome-pro-5.15.3-web\css\all.min.css compiled (f70977768702dc3921bb)
Entrypoint child =
chunk {396} (runtime: child) (child) 30.7 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
runtime modules 937 bytes 4 modules
dependent modules 1.57 KiB [dependent] 1 module
./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./libs/shared/assets/fontawesome-pro-5.15.3-web/css/v4-shims.min.css [64] 29.1 KiB {396} [built] [code generated]
Statement (VariableDeclaration) with side effects in source code at 3:0-84
ModuleConcatenation bailout: Module uses module.id
entry !!C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fontawesome-pro-5.15.3-web\css\v4-shims.min.css child
used as library export
LOG from webpack.Compiler
make hook: 2180.6847 ms
finish make hook: 0.0169 ms
finish compilation: 1.1493 ms
seal compilation: 9.8556 ms
afterCompile hook: 0.0178 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 0.1196 ms
figure out provided exports: 0.543 ms
50% of exports of modules have been determined (1 no declared exports, 1 not cached, 0 flagged uncacheable, 0 from cache, 0 additional calculations due to dependencies)
store provided exports into cache: 0.0236 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 0.224 ms
LOG from webpack.Compilation
finish modules: 0.8164 ms
report dependency errors and warnings: 0.3196 ms
optimize dependencies: 0.5998 ms
create chunks: 0.4162 ms
optimize: 1.0861 ms
2 modules hashed (1 variants per module in average)
module hashing: 0.4286 ms
100% code generated (2 generated, 0 from cache)
code generation: 2.4334 ms
runtime requirements: 1.3449 ms
hashing: initialize hash: 0.0024 ms
hashing: sort chunks: 0.0163 ms
hashing: hash runtime modules: 0.6556 ms
hashing: hash chunks: 0.533 ms
hashing: hash digest: 0.017 ms
hashing: process full hash modules: 0.0013 ms
hashing: 1.2543 ms
100% code generated (4 generated, 0 from cache)
record hash: 0.0096 ms
module assets: 0.0106 ms
create chunk assets: 0.7846 ms
process assets: 1.0981 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 0.0024 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 0.0105 ms
trace exports usage in graph: 0.5373 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 0.032 ms
visitModules: visiting: 0.2102 ms
4 queue items processed (2 blocks)
0 chunk groups connected
0 chunk groups processed for merging (0 module sets, 0 forked, 0 + 0 modules forked, 0 + 0 modules merged into fork, 0 resulting modules)
0 chunk group info updated (0 already connected chunk groups reconnected)
visitModules: 0.2607 ms
connectChunkGroups: 0.002 ms
cleanup: 0.0012 ms
LOG from webpack.ModuleConcatenationPlugin
select relevant modules: 0.0681 ms
sort relevant modules: 0.0012 ms
find modules to concatenate: 0.0017 ms
sort concat configurations: 0.0009 ms
create concatenated modules: 0.0071 ms
+ 3 hidden lines
LOG from webpack.FileSystemInfo
2 new snapshots created
0% root snapshot uncached (0 / 0)
0% children snapshot uncached (0 / 0)
0 entries tested
File info in cache: 2 timestamps 2 hashes 2 timestamp hash combinations
File timestamp hash combination snapshot optimization: 0% (0/2) entries shared via 0 shared snapshots (0 times referenced)
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Managed items info in cache: 0 items
Child mini-css-extract-plugin C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fontawesome-pro-5.15.3-web\css\v4-shims.min.css compiled (49876f4f626c8cf1d50e)
asset MaterialIcons-Regular.194d1b9ef54d0014b3c4.ttf 311 KiB ({396}) [cached] [from: C:\Users\philipp.john\Projects\redngapps\node_modules\material-design-icons-iconfont\dist\fonts\MaterialIcons-Regular.ttf] (auxiliary name: child)
asset MaterialIcons-Regular.aef30bd507a35c7688c7.woff 144 KiB ({396}) [cached] [from: C:\Users\philipp.john\Projects\redngapps\node_modules\material-design-icons-iconfont\dist\fonts\MaterialIcons-Regular.woff] (auxiliary name: child)
asset MaterialIcons-Regular.c4dac66977e8a757a3ca.eot 128 KiB ({396}) [cached] [from: C:\Users\philipp.john\Projects\redngapps\node_modules\material-design-icons-iconfont\dist\fonts\MaterialIcons-Regular.eot] (auxiliary name: child)
asset MaterialIcons-Regular.1f0f6cdb23348c639cc5.woff2 112 KiB ({396}) [cached] [from: C:\Users\philipp.john\Projects\redngapps\node_modules\material-design-icons-iconfont\dist\fonts\MaterialIcons-Regular.woff2] (auxiliary name: child)
Entrypoint child = 4 auxiliary assets
chunk {396} (runtime: child) (child) 734 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
runtime modules 937 bytes 4 modules
dependent modules 1.57 KiB [dependent] 1 module
./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./libs/client/ui/src/lib/styles/global/styles.scss [109] 732 KiB {396} [built] [code generated]
Statement (VariableDeclaration) with side effects in source code at 3:0-84
ModuleConcatenation bailout: Module uses module.id
entry !!C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\client\ui\src\lib\styles\global\styles.scss child
used as library export
LOG from webpack.Compiler
make hook: 41166.3818 ms
finish make hook: 0.0102 ms
finish compilation: 0.1623 ms
seal compilation: 3.2496 ms
afterCompile hook: 0.0139 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 0.0139 ms
figure out provided exports: 0.0267 ms
50% of exports of modules have been determined (1 no declared exports, 1 not cached, 0 flagged uncacheable, 0 from cache, 0 additional calculations due to dependencies)
store provided exports into cache: 0.0127 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 0.0199 ms
LOG from webpack.Compilation
finish modules: 0.1351 ms
report dependency errors and warnings: 0.0212 ms
optimize dependencies: 0.085 ms
create chunks: 0.08 ms
optimize: 0.426 ms
2 modules hashed (1 variants per module in average)
module hashing: 0.2209 ms
100% code generated (2 generated, 0 from cache)
code generation: 0.4729 ms
runtime requirements: 0.2175 ms
hashing: initialize hash: 0.0009 ms
hashing: sort chunks: 0.008 ms
hashing: hash runtime modules: 0.2029 ms
hashing: hash chunks: 0.2383 ms
hashing: hash digest: 0.0124 ms
hashing: process full hash modules: 0.0007 ms
hashing: 0.4798 ms
100% code generated (4 generated, 0 from cache)
record hash: 0.0035 ms
module assets: 0.1353 ms
create chunk assets: 0.2285 ms
process assets: 0.7567 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 0.0028 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 0.0032 ms
trace exports usage in graph: 0.0565 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 0.0076 ms
visitModules: visiting: 0.0138 ms
4 queue items processed (2 blocks)
0 chunk groups connected
0 chunk groups processed for merging (0 module sets, 0 forked, 0 + 0 modules forked, 0 + 0 modules merged into fork, 0 resulting modules)
0 chunk group info updated (0 already connected chunk groups reconnected)
visitModules: 0.0262 ms
connectChunkGroups: 0.0013 ms
cleanup: 0.0008 ms
LOG from webpack.ModuleConcatenationPlugin
select relevant modules: 0.0074 ms
sort relevant modules: 0.0005 ms
find modules to concatenate: 0.0007 ms
sort concat configurations: 0.0013 ms
create concatenated modules: 0.0015 ms
+ 3 hidden lines
LOG from webpack.FileSystemInfo
2 new snapshots created
0% root snapshot uncached (0 / 0)
0% children snapshot uncached (0 / 0)
0 entries tested
File info in cache: 974 timestamps 315 hashes 315 timestamp hash combinations
File timestamp hash combination snapshot optimization: 0% (0/315) entries shared via 0 shared snapshots (0 times referenced)
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Missing items snapshot optimization: 0% (0/664) entries shared via 0 shared snapshots (0 times referenced)
Managed items info in cache: 0 items
Child mini-css-extract-plugin C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\client\ui\src\lib\styles\global\styles.scss compiled (8ae9dd3eacf74d1b3070)
Entrypoint child =
chunk {396} (runtime: child) (child) 3.86 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
runtime modules 937 bytes 4 modules
dependent modules 1.57 KiB [dependent] 1 module
./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./libs/shared/assets/fonts/Lato/lato.scss [226] 2.29 KiB {396} [built] [code generated]
Statement (VariableDeclaration) with side effects in source code at 3:0-84
ModuleConcatenation bailout: Module uses module.id
entry !!C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fonts\Lato\lato.scss child
used as library export
LOG from webpack.Compiler
make hook: 34522.3492 ms
finish make hook: 0.0076 ms
finish compilation: 0.207 ms
seal compilation: 4.3199 ms
afterCompile hook: 0.0134 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 0.0274 ms
figure out provided exports: 0.0306 ms
50% of exports of modules have been determined (1 no declared exports, 1 not cached, 0 flagged uncacheable, 0 from cache, 0 additional calculations due to dependencies)
store provided exports into cache: 0.0235 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 0.0284 ms
LOG from webpack.Compilation
finish modules: 0.1561 ms
report dependency errors and warnings: 0.0443 ms
optimize dependencies: 0.1102 ms
create chunks: 0.1192 ms
optimize: 0.3505 ms
2 modules hashed (1 variants per module in average)
module hashing: 0.1243 ms
100% code generated (2 generated, 0 from cache)
code generation: 0.4013 ms
runtime requirements: 1.6789 ms
hashing: initialize hash: 0.0011 ms
hashing: sort chunks: 0.009 ms
hashing: hash runtime modules: 0.1335 ms
hashing: hash chunks: 0.5278 ms
hashing: hash digest: 0.0118 ms
hashing: process full hash modules: 0.0007 ms
hashing: 0.6997 ms
100% code generated (4 generated, 0 from cache)
record hash: 0.0058 ms
module assets: 0.0141 ms
create chunk assets: 0.4312 ms
process assets: 0.1877 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 0.0051 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 0.0051 ms
trace exports usage in graph: 0.0778 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 0.0184 ms
visitModules: visiting: 0.0288 ms
4 queue items processed (2 blocks)
0 chunk groups connected
0 chunk groups processed for merging (0 module sets, 0 forked, 0 + 0 modules forked, 0 + 0 modules merged into fork, 0 resulting modules)
0 chunk group info updated (0 already connected chunk groups reconnected)
visitModules: 0.0523 ms
connectChunkGroups: 0.0012 ms
cleanup: 0.0038 ms
LOG from webpack.ModuleConcatenationPlugin
select relevant modules: 0.0076 ms
sort relevant modules: 0.0005 ms
find modules to concatenate: 0.0008 ms
sort concat configurations: 0.0003 ms
create concatenated modules: 0.0014 ms
+ 3 hidden lines
LOG from webpack.FileSystemInfo
2 new snapshots created
0% root snapshot uncached (0 / 0)
0% children snapshot uncached (0 / 0)
0 entries tested
File info in cache: 8 timestamps 8 hashes 8 timestamp hash combinations
File timestamp hash combination snapshot optimization: 0% (0/8) entries shared via 0 shared snapshots (0 times referenced)
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Managed items info in cache: 0 items
Child mini-css-extract-plugin C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fonts\Lato\lato.scss compiled (4c251920588255481720)
Entrypoint child =
chunk {396} (runtime: child) (child) 2.41 KiB (javascript) 937 bytes (runtime) [entry] [rendered]
runtime modules 937 bytes 4 modules
dependent modules 1.57 KiB [dependent] 1 module
./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./libs/shared/assets/fonts/Montserrat/montserrat.scss [509] 867 bytes {396} [built] [code generated]
Statement (VariableDeclaration) with side effects in source code at 3:0-84
ModuleConcatenation bailout: Module uses module.id
entry !!C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fonts\Montserrat\montserrat.scss child
used as library export
LOG from webpack.Compiler
make hook: 38637.614 ms
finish make hook: 0.0145 ms
finish compilation: 0.1763 ms
seal compilation: 4.1538 ms
afterCompile hook: 0.0166 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 0.0167 ms
figure out provided exports: 0.0422 ms
50% of exports of modules have been determined (1 no declared exports, 1 not cached, 0 flagged uncacheable, 0 from cache, 0 additional calculations due to dependencies)
store provided exports into cache: 0.0162 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 0.0246 ms
LOG from webpack.Compilation
finish modules: 0.1424 ms
report dependency errors and warnings: 0.0262 ms
optimize dependencies: 1.362 ms
create chunks: 0.1979 ms
optimize: 0.5672 ms
2 modules hashed (1 variants per module in average)
module hashing: 0.152 ms
100% code generated (2 generated, 0 from cache)
code generation: 0.4773 ms
runtime requirements: 0.2949 ms
hashing: initialize hash: 0.0012 ms
hashing: sort chunks: 0.0077 ms
hashing: hash runtime modules: 0.2333 ms
hashing: hash chunks: 0.2325 ms
hashing: hash digest: 0.0123 ms
hashing: process full hash modules: 0.0008 ms
hashing: 0.504 ms
100% code generated (4 generated, 0 from cache)
record hash: 0.0044 ms
module assets: 0.0114 ms
create chunk assets: 0.2533 ms
process assets: 0.1825 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 0.0028 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 0.0018 ms
trace exports usage in graph: 1.3274 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 0.0156 ms
visitModules: visiting: 0.0301 ms
4 queue items processed (2 blocks)
0 chunk groups connected
0 chunk groups processed for merging (0 module sets, 0 forked, 0 + 0 modules forked, 0 + 0 modules merged into fork, 0 resulting modules)
0 chunk group info updated (0 already connected chunk groups reconnected)
visitModules: 0.0604 ms
connectChunkGroups: 0.0014 ms
cleanup: 0.0009 ms
LOG from webpack.ModuleConcatenationPlugin
select relevant modules: 0.0148 ms
sort relevant modules: 0.0006 ms
find modules to concatenate: 0.001 ms
sort concat configurations: 0.0003 ms
create concatenated modules: 0.0055 ms
+ 3 hidden lines
LOG from webpack.FileSystemInfo
2 new snapshots created
0% root snapshot uncached (0 / 0)
0% children snapshot uncached (0 / 0)
0 entries tested
File info in cache: 2 timestamps 2 hashes 2 timestamp hash combinations
File timestamp hash combination snapshot optimization: 0% (0/2) entries shared via 0 shared snapshots (0 times referenced)
Directory info in cache: 0 timestamps 0 hashes 0 timestamp hash combinations
Managed items info in cache: 0 items
Child mini-css-extract-plugin C:\Users\philipp.john\Projects\redngapps\node_modules\css-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!C:\Users\philipp.john\Projects\redngapps\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!C:\Users\philipp.john\Projects\redngapps\node_modules\resolve-url-loader\index.js??ruleSet[1].rules[4].rules[1].use[0]!C:\Users\philipp.john\Projects\redngapps\node_modules\sass-loader\dist\cjs.js??ruleSet[1].rules[4].rules[1].use[1]!C:\Users\philipp.john\Projects\redngapps\libs\shared\assets\fonts\Montserrat\montserrat.scss compiled (f6488b95737aa8417699)
LOG from webpack.Compiler
make hook: 134648.0623 ms
finish make hook: 0.0903 ms
finish compilation: 385.5754 ms
seal compilation: 4406153.2833 ms
afterCompile hook: 0.182 ms
emitAssets: 197.5605 ms
emitRecords: 0.1039 ms
done hook: 2.6536 ms
beginIdle: 995378.05 ms
LOG from webpack.FlagDependencyExportsPlugin
restore cached provided exports: 20.432 ms
figure out provided exports: 185.2857 ms
92% of exports of modules have been determined (490 no declared exports, 5652 not cached, 2 flagged uncacheable, 0 from cache, 433 additional calculations due to dependencies)
store provided exports into cache: 23.3667 ms
LOG from webpack.InnerGraphPlugin
infer dependency usage: 94.8492 ms
LOG from webpack.Compilation
finish modules: 258.5075 ms
report dependency errors and warnings: 127.0386 ms
optimize dependencies: 1210519.9758 ms
create chunks: 437340.9601 ms
optimize: 740597.5044 ms
1815 modules hashed (0.3 variants per module in average)
module hashing: 1092861.3375 ms
100% code generated (1815 generated, 0 from cache)
code generation: 745790.07 ms
runtime requirements: 13.7604 ms
hashing: initialize hash: 0.0078 ms
hashing: hash child compilations: 0.0132 ms
hashing: hash warnings: 0.0664 ms
hashing: sort chunks: 0.1174 ms
hashing: hash runtime modules: 11.3079 ms
hashing: hash chunks: 11.3404 ms
hashing: hash digest: 0.0453 ms
hashing: process full hash modules: 0.0013 ms
hashing: 30.7153 ms
100% code generated (16 generated, 0 from cache)
record hash: 0.1211 ms
module assets: 2.1787 ms
create chunk assets: 26.8791 ms
process assets: 178935.0691 ms
LOG from webpack.SideEffectsFlagPlugin
update dependencies: 653278.7303 ms
LOG from webpack.FlagDependencyUsagePlugin
initialize exports usage: 9.2907 ms
trace exports usage in graph: 557229.5498 ms
LOG from webpack.buildChunkGraph
visitModules: prepare: 412347.0411 ms
visitModules: visiting: 19331.3667 ms
visitModules: calculating available modules: 0.8635 ms
visitModules: merging available modules: 0.365 ms
visitModules: check modules for revisit: 0.1819 ms
visitModules: visiting: 2817.5766 ms
visitModules: calculating available modules: 1.3107 ms
visitModules: merging available modules: 0.6361 ms
🐞 Bug report
Command (mark with an
x)Is this a regression?
I don't know, i would say yes?
Description
Original issue from nrwl/nx: https://github.com/nrwl/nx/issues/10339
I'am in the process of upgrading a large enterprise application from Angular 8 to 12 and have finished the task, but we had to disable the angular "optimization" for production because we had a build time increase from 5 minutes to 2 hours.
I've done a lot of research and try & error fixes digging through all the open and closed issues about this topic but can't find the root cause.
🔬 Minimal Reproduction
We have a monorepo here with ~230 libs & 2 apps so it's nearly impossible tho share a minimal reproduction. Maybe private access can be possible if requested and i've created cpu profiles incl.
--verboselogs (see below timings excerpt): https://drive.google.com/drive/folders/1hPvedPtSet2Nh50iBvKuf7XNOAR4d-Hx?usp=sharingPlease let me know who want to access.
Short summary:
I have no idea why the most of the time the process is idling... maybe someone with deeper cli skills can help here analyzing the profile. That would be great if someone of the core team could investigate some time here.
🔥 Exception or Error
In the --verbose output we have a massive amout of
The timings summary: