正确调用angular CSS路径的方法

Question

我是Angular 5中的新用户，我希望将样式安装到node_modules文件夹外的src文件夹中，所以在.angular-cli.json我做了类似这样的事情：

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

但我明白了：

  

多个错误   ./src/..node_modules/bootstrap/dist/css/bootstrap.min.css   ./src/..node_modules/font-awesome/css/font-awesome.css   ./src/styles.css找不到模块：错误：无法解决   'C：\ Users \ User \ Documents \ Visual Studio   2017年\项目\标签\项目\ Project.WebUI \ src..node_modules \引导\ DIST \ CSS \ bootstrap.min.css'   在'C：\ Users \ User \ Documents \ Visual Studio中   2017 \项目\标签\项目\ Project.WebUI'

令人困惑的是像编译器没有检测到..而且它没有去proyect路线，这就是为什么它返回src..node_modules\

有人能说出路由该特定文件夹的正确方法是什么？此致

结构照片：

Answer 1

您已关闭，并且您已经确定文件路径是相对于app文件夹的，但您仍需要在文件夹名称前面添加斜杠。

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

：）

编辑：只需注意：更改angular-cli.json将需要您杀死并重新运行ng serve，然后才能识别这些更改。