Angular将自定义.css文件添加到Angular-CLI项目中

Question

我将现有的.js和.css文件添加到使用angular-cli 1.0.6的Angular 4应用程序中。在最近的升级之前，我只是在index.html中引用它们 - 我知道错误的＆＃39;但它符合我目前的需求。

在最近的更新后，我为我尝试的所有内容获得了404。我设法通过将JavaScript文件添加到angular-cli.json然后将其导入组件来添加JavaScript文件。这工作正常，但同样不适用于.css文件。

我已在index.html中尝试过它：<link rel="stylesheet" type="text/css" href="/scripts/test.css"> 我在组件的模板中尝试过：<link rel="stylesheet" type="text/css" href="../../../app/scripts/test.css"> 我已经尝试将其添加到组件中的样式：styleUrls: ['../edit.scss', '../../scripts/test.css'],

即使路径有效，我也会为所有人获取404（我可以在编辑器中关注它们）。

这样做的正确方法是什么？

Answer 1

angular-cli项目默认包含项目styles.css文件夹下的src文件（myAngularCliProjectName/src/styles.css）。
在此文件中，您将能够添加全局样式并导入其他样式文件 根本不需要将它们与index.html文件链接起来。

Answer 2

转到你的angular-cli.json文件，有一个数组属性，你可以在那个地方添加你的css文件，就像我在bootsrap.min.css中所做的那样。