在角(4) app组件中包括外部css
提问于 2017-08-01 07:53:33
因此，从Load external css style into Angular 2 Component的角度来看，将外部url中的css包含在styleUrls[]中似乎是为角2工作的，但它并不适用于角(它只是在目录下搜索css表)。我找不到任何有关这方面的文档，所以我现在只是把它硬编码到整个index.html页面中。我怎样才能让它为单个组件工作呢？
编辑:为了澄清，我所说的外部css指的是这样的东西：https://www.w3schools.com/w3css/4/w3.css，而不是我的项目中包含的东西。
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-08-01 08:16:57
用于包含特定组件的外部css (远程url)。我只找到了这条路。例如，您的应用程序组件。
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})在您的app.component.scss中，您可以使用所需的远程样式导入一个远程url，如您要注释的这个css文件。
@import url('https://www.w3schools.com/w3css/4/w3.css');即使它不是一个完美的解决方案，希望它能有所帮助。
Stack Overflow用户
发布于 2017-10-03 02:55:14
我知道现在回答有点晚，但如果有人想找到解决办法：
如果在应用程序文件夹中使用nodeJS，则可以使用命令行：
npm install --save w3-css然后，您应该调整应用程序的angular-cli.json文件夹中的src，并在其中注册样式，输入如下：
"styles": [
"../node_modules/w3-css/w3.css",
"styles.css"
],页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45442429
复制
腾讯云开发者
