我想知道在我的angular 7应用程序中添加共享样式的最佳位置是哪里。我应该在styles.scss文件中还是在app.component.scss文件中添加它们?为什么?
如果您正在讨论所有应用程序之间共享的样式,例如可以在任何组件中使用的颜色,则必须将它们添加到styles.css
。
在Angular中,样式适用于组件范围,因此您在某些组件样式文件中输入的内容将仅应用于该组件。
如果打开angular.json
文件,您将看到一个名为styles
的数组,在该数组内您将看到src/styles.scss
,这意味着该文件已全局加载。在此处添加的任何css / scss属性都将自动应用。如果您创建任何其他scss文件并将其添加到angular.json
样式,则该文件也将全局应用。
最好的例子是当您使用角度材料时,可以通过将"./node_modules/path/to/material/styles/amber.scss"
添加到angular.json
来使用默认的角度样式。>