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编译。