node.js - 如何将自定义css和js添加到angular 4

Question

在 Angular 2 中，我可以像这样将它们添加到 index.html 中:

<link rel="stylesheet" href="css/mycss.css">

但在 Angular 4 中，它必须添加到样式和脚本数组部分的 angular-cli.json 文件中。

在我的情况下，它们似乎根本没有加载。没有错误，但是当我在浏览器中查看应用程序时，我知道样式没有加载。当我将样式和 js 添加到 index.html 文件时，它也没有加载，我在控制台中得到 404。

我该如何解决这个问题？以下是我的 Angular cli 版本:@ Angular/cli:1.0.2 Node :6.9.2

Answer 1

如果您使用的是 angular cli，请转到您的 .angular-cli.json，然后您可以获得 "styles":[ ] 以及 "scripts":[ ] 在这些里面你可以添加你的css文件和js文件

 "styles": [
            yourfirst-css-file , //comma (,)is important
            your-second-css-file
          ],

例如:-

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

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/tether/dist/js/tether.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

和404错误意味着找不到文件。尝试附加完整的“url”文件夹(src)。