![](/img/trans.png)
[英]As a rule is it better to import css files in styles.css or angular-cli.json?
[英]What is a difference between importing global styles in angular-cli.json and adding them separately to every css in every component?
我在angular-cli.json "../node_modules/bootstrap/dist/css/bootstrap.min.css"
有样式。 为什么当我删除这些行并将其添加到每个组件的每个CSS中@import "{correct path to every directory/node_modules/bootstrap/dist/css/bootstrap.min.css}"
无法像以前那样工作?
来自styles.scss
或包含在angular-cli.json
的样式在页面上全局工作,而在导入时-它们仅适用于特定组件。
话虽如此,它可能对您不起作用,因为引导程序会向<html>
或<body>
元素添加一些样式,而您的组件无法为这些样式设置样式。
您的AppComponent
的定位符( AppComponent
是app-root
)很可能位于<body>
。 它不能为父母造型。
引导程序应该在全局样式表中一次导入,然后引导程序类/组件可以在整个应用程序中使用。
组件装饰器中导入的样式被封装(默认情况下),并且仅应在给定的组件内使用。 当您尝试将Bootstrap导入所有组件时,生成的样式表会重复很多次。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.