2017-04-17 61 views
0

有webpack捆綁的角度2應用程序。 我已經用webpack構建應用程序,有vendor.bundle和main.bundle腳本。 當我試圖在瀏覽器中打開應用程序時,在vendor.budle加載後,CPU使用率很高。角度應用第一次加載時的高CPU使用率

我已經在Chrome啓動的CPU探查,看到有兩個地方:

  1. 模板編譯
  2. 模板正常化

enter image description here

如何防止硬模板編譯以及這種行爲的核心問題是什麼?

回答

2

AOT compilation是你在找什麼。沒有它,你的瀏覽器必須立即編譯所有模板,這會導致CPU負載過高。

+0

你說得對!謝謝。開發配置怎麼樣?是否在開發webpack配置中使用AOT的做法? – asolovyov

+0

我在開發過程中不會使用AOT。一般而言,您希望能夠快速進行更改並使其立即顯示,而不必等待緩慢的AOT編譯器完成其工作。所以只需在開發過程中使用JIT,並在完成時運行AOT並縮減生產。 –