Javascript 如何在Angular JS中包含模块级CSS

我有一个由前端和管理员组成的角度项目。我想以这样一种方式扩展我的项目，即我对管理员和前端使用不同的CSS

我的项目结构如下：

--app
   --admin // Admin Module
     --admin.module.ts
     --admin.component.ts
     --admin-routing.module.ts
     --admin.component.css
     --admin.component.html

  --web // Frontend Module
     --web.module.ts
     --web.component.ts
     --web-routing.module.ts
     --web.component.css
     --web.component.html 

--app.module.ts
--app.component.ts
--app-routing.module.ts
--app.component.css
--app.component.html

我已经在.angular cli.json文件中定义了我的CSS for web（前端）

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ],

如何为管理员和web加载不同的CSS文件？

---

还有什么更好的方法可以在同一个项目中包含多个模块吗？

您可以在

“styles.css”中定义管理员和其他用户通用的全局css属性

文件和特定于管理员的以及剩余的特定于用户的css属性可以分别在

admin.component.css

和

web.component.css

中定义；希望这对您有所帮助

您可以在

中定义管理员和其他用户通用的全局css属性“style.css”

文件，并且可以分别在

admin.component.css

和

web.component.css

中定义特定于管理员和其他用户的css属性；如果每个模块都有一个主组件，那么只需将.css文件附加到@component（）decorator中的组件即可

@Component({
    templateUrl: './admin.component.html'
    styleUrls: ['./admin.component.css']
})

---

---

如果每个模块都有一个主组件，那么只需将.css文件附加到@component（）装饰器中的组件

@Component({
    templateUrl: './admin.component.html'
    styleUrls: ['./admin.component.css']
})

---

---

我尝试在模块级导入css-

@import./assets/styles.css'，仍然没有反映结果吗？您尝试在哪里执行此导入的原因是什么？？您不必导入任何模块级导入..默认导入的..考虑我在
web.component.css
-
body{font系列：蒙特塞拉特，蒙特塞拉特灯光，蒙特塞拉特普通，蒙特塞拉特粗体，蒙特塞拉特黑色，无衬线！重要；顶部填充：100px；}
,，在web级别未引用任何结果请使用web组件和web组件html发布更新代码，控制台上是否有任何错误？我尝试在模块级别导入css-
@import./assets/styles.css'，仍然没有反映结果吗？您尝试在哪里执行此导入的原因是什么？？您不必导入任何模块级导入..默认导入的..考虑我在
web.component.css
-
body{font系列：蒙特塞拉特，蒙特塞拉特灯光，蒙特塞拉特普通，蒙特塞拉特粗体，蒙特塞拉特黑色，无衬线！重要；顶部填充：100px；}
,，在web级别未引用任何结果请使用web组件和web组件html发布更新代码，控制台上是否有任何错误？