繁体   English   中英

在angular-cli.json中导入全局样式并将其分别添加到每个组件的每个CSS中,有什么区别?

[英]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的定位符( AppComponentapp-root )很可能位于<body> 它不能为父母造型。

引导程序应该在全局样式表中一次导入,然后引导程序类/组件可以在整个应用程序中使用。

组件装饰器中导入的样式被封装(默认情况下),并且仅应在给定的组件内使用。 当您尝试将Bootstrap导入所有组件时,生成的样式表会重复很多次。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM