Angular中的@import语法

Question

在styles.css中，以下语句将加载引导css，只要已安装npm即可。

@import "~bootstrap/dist/css/bootstrap.min.css"

另一方面

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

可以放在styleUrls引用的文件中的组件级别上，并且可以工作，但是如果被从node_modules中获取css的第一个@import语句替换了，它将不起作用。...

是否有一种加载CSS（例如bootstrap.min.css）的方法，将其从类似于/app.component.css的node_module文件夹中放入组件styleUrls: ['./app.component.css']的{​​{1}}的语法中，我无法弄清楚语法..谢谢。

Answer 1

1. 我需要它，因为在某些国家/地区无法访问CDN。所以我必须将所有内容都放在我们的服务器上。
2. 以某种方式，“〜..在组件的CSS中时不起作用。但是，在全局样式中时，它仅在根styles.css中起作用。我认为引用应该具有不同的语法。