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

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的（但不包括節點/和凸出 從掃描文件夾）

一切無濟於事。

這裏是輸出：

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

對不起，回答我的問題，但我發現很多讓我吃驚的解決方案！

我發現this NPM Package稱爲「ember-cli-windows」，聲稱是爲特定的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 2

Angular CLI的最新測試版（撰寫本文時爲19-24），相當多地提高了構建時間。還有一個新的標誌（不確定是否記錄在案），您可以使用--progress false，這也有幫助（與ng build和ng serve一起使用）。

默認情況下，默認情況下，默認情況下，還有其他標記未設置爲默認速度（您不需要對它們進行任何操作），如verbose，默認設置爲false。

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