首页 文章

正确调用angular CSS路径的方法

提问于
浏览 次
3

我是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 \ 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'中

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

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

结构照片：
enter image description here

angular angular5

1 回答

  • 3

    您're close, and you'重新确认文件路径是相对于 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 ，然后才能识别这些更改 .

    回复于

相关问题