Question

我一直在使用AngularCLI作为我的ng2项目，在过去的几个月里，它一直很棒。在过去的几周里，它似乎变得越来越慢。

如果我进行简单的HTML更改，现在需要1到2分钟才能使用“ng serve”运行并刷新浏览器。发生这种情况时，NodeJS会消耗大量的RAM和CPU。

我在我旁边的新笔记本电脑上运行相同的代码和处理，大约需要20秒。我目前在Windows Home 10上使用CLI 1.0.0-beta.21。我有8台演出ram / SSD / i7。

我尝试过：

删除并重新安装节点模块
升级到最新的CLI版本
关闭Windows Defender（并排除Node /和proj 扫描文件夹）

一切都无济于事。

这是输出：

webpack: bundle is now INVALID.
6938ms building modules
72ms sealing
4ms optimizing
1ms basic module optimization
1074ms module optimization
5ms advanced module optimization
149ms basic chunk optimization
1ms chunk optimization
1ms advanced chunk optimization
702ms module and chunk tree optimization
2202ms module reviving
55ms module order optimization
71ms module id optimization
181ms chunk reviving
20ms chunk order optimization
806ms chunk id optimization
544ms hashing
7ms module assets processing
924ms chunk assets processing
45ms additional chunk assets processing
3ms recording
1ms additional asset processing
22536ms chunk asset optimization
1063ms asset optimization
545ms emitting
[default] Checking started in a separate process...
Hash: dedfa5a221b1992287d6
Version: webpack 2.1.0-beta.25
Time: 88912ms
                               Asset     Size  Chunks             Chunk Names
bb73d75e8296ab5bc0a26b5d82006129.png  74.3 kB
                      main.bundle.js  7.26 MB    0, 2  [emitted]  main
                    styles.bundle.js  43.2 kB    1, 2             styles
                    inline.bundle.js  5.54 kB       2             inline
                   styles.bundle.map  58.7 kB    1, 2             styles
                   inline.bundle.map   5.6 kB       2             inline
                     main.bundle.map  8.03 MB    0, 2  [emitted]  main
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  8.11 kB       0
webpack: bundle is now VALID.

Answer 1

对于 2021 年的任何人，您都可以添加 --source-map=false 它使我的重新加载时间减少了一半。

Answer 2

很抱歉回答我自己的问题，但我找到了一个令我惊讶的解决方案！

我发现this NPM Package被称为＆＃34; ember-cli-windows＆＃34;声称是为特定的Windows机器禁用Windows Defender（虽然我试过这个）和索引。

我运行它然后也完全关闭了Windows索引，现在速度又降低到20秒（而不是180秒）。

[default] Checking started in a separate process...
Hash: ec2bcf489f8813c827a2
Version: webpack 2.1.0-beta.25
Time: 21055ms
                               Asset     Size  Chunks             Chunk Names
bb73d75e8296ab5bc0a26b5d82006129.png  74.3 kB
                      main.bundle.js  7.26 MB    0, 2  [emitted]  main
                    styles.bundle.js  43.2 kB    1, 2             styles
                    inline.bundle.js  5.54 kB       2             inline
                   styles.bundle.map  58.7 kB    1, 2             styles
                   inline.bundle.map   5.6 kB       2             inline
                     main.bundle.map  8.03 MB    0, 2  [emitted]  main
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks       Chunk Names
    index.html  8.11 kB       0
webpack: bundle is now VALID.

Answer 3

最新的Angular CLI测试版（编写本文时为19-24），也大大改善了构建时间。还有一个新的标志（不确定是否记录在案）您可以使用--progress false，这也有帮助（适用于ng build和ng serve）。

默认情况下还有其他标志没有为速度设置（你不需要对它们做任何事情），例如默认设置为verbose的{{1}}。

更多信息：
https://github.com/angular/angular-cli/blob/master/packages/angular-cli/commands/serve.ts

如何加速Angular CLI Live Reload - 每次更改1-2分钟

3 个答案: