每个角模块如何具有一种样式？

Question

每个角度模块是否有一个CSS文件，以便样式文件不会干扰？

我想做的是在一个模块中包含Bootstrap 3，在另一个模块中包含Bootstrap 4，这可能吗？如果可以，该如何实现？

Answer 1

通常，对每个模块使用不同的文件不是一个好习惯。而是创建一个全局CSS文件，每个组件每个CSS。

但是您可以根据需要为每个模块创建一个

为每个模块级别创建一个CSS文件，并将该CSS文件导入该模块的styleUrls数组的每个组件中，因为它也接受多个文件。像这样-

@Component({
  ....
  styleUrls: ['./mycomponent.css', 'module-global.css']
})

Answer 2

在诸如angular 2及更高版本的angular的新版本中，我们最多可以有一个angular-cli.json，在其中声明所有“样式”和“脚本”。 另一种方法是，我们可以在存在于“ src”文件夹中的index.html文件中声明“样式”和“脚本”。 因此，主要只有两种方法可以将bootstap.css和bootstrap.js放入angular IO应用程序中。 因此，我们不能在不同角度的应用程序模块中使用不同版本的引导程序。 所以我的回答是“不”。

您可以在每个组件的基础上定义样式，但是bootstrap.css需要bootstrap.js，这对于每个角度IO应用程序来说都是一个。

Answer 3

这是Angular 2+中的默认行为，如果您使用angular-cli创建组件，则默认情况下，它将为您每个组件创建一个.ts文件，.html文件，.css文件（和spec文件）。创建。您在该.css文件中添加的内容仅会影响该组件。