调用角度 CSS 路径的正确方法

Posted 2023-05-08

【中文标题】调用角度 CSS 路径的正确方法

【英文标题】：Correct way to call angular CSS path

【发布时间】：2018-09-05 03:35:13

【问题描述】：

我是 Angular 5 的新手，我想将样式安装到位于 src 文件夹之外的 node_modules 文件夹中，所以在 .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\Projects\Tag\Project\Project.WebUI\src..node_modules\bootstrap\dist\css\bootstrap.min.css' 在 'C:\Users\User\Documents\Visual Studio 2017\Projects\Tag\Project\Project.WebUI'

这有点令人困惑，例如编译器不检测 .. 并且它不去项目路线，这就是它返回 src..node_modules\ 的原因

有人可以说路由该特定文件夹的正确方法是什么？问候

结构照片：

【参考方案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，然后才能识别这些更改。