Angular 2 css風格

Question

我正在使用angular-cli編寫angular2應用程序。我跟着喜歡 結構 - 全局樣式均採用進口/把其中的角cli.json指定styles.scss - >樣式：[] - 每個組件都有其自己的SCSS 一切正常

但是，有人告訴我，構建和運行應用程序時，這些樣式將轉換爲內聯樣式並插入到主html文件（index.html）的標頭中。我在運行應用程序時檢查了index.html，並看到插入了許多內嵌式部分。 另外有人告訴我解決方案是將所有內容放在一個css文件中，並在index.html中放置一個鏈接，該大css文件將會下載和緩存，這將給用戶更快的下載使用性能 但是，我很少看到任何使用此解決方案設計的angular2應用程序，我認爲它背後必有一個原因，我不知道 任何人都請給我一個解釋

Answer 1

我想這都是關於編譯類型的。有AOT（時間）和JIT（及時）。我建議你在angular 2 cookbook的地方閱讀，他們已經很好地描述了它。

實際上只有一個Angular編譯器。 AOT和JIT的區別是時間和工具。使用AOT時，編譯器會在構建時使用一組庫來運行一次;通過JIT，它可以在運行時爲每個用戶每次運行一組不同的庫。

角的創作者建議您在開發和生產中使用JIT。

今天AOT編譯和樹木搖動比開發實際需要更多的時間。這將很快改變。目前，最好在開發中進行JIT編譯，並在部署到生產之前切換到AOT編譯。