Question

在Angular 4项目中，当我参考

时

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.5/css/bootstrap.css">

index.html中的

一切都很好。如果我注释掉上面的内容，我就不再有造型了。我的路径看起来像这样：

- node_modules
- e2e
- src
-- lib
-- main.ts
---- bootstrap
------ dist
-------- css
- .angular-cli.json

我确实在.angular-cli.json中有这个条目：

  "styles": [
    "styles.css",
    "./lib/bootstrap/dist/css/bootstrap.css"
  ],

为什么上述工作没有？ boostrap.css位于引用的文件夹中。 index.html位于src文件夹的根目录中。

Answer 1

如果您的文件夹结构如下：

- node_modules
- e2e
- src
- .angular-cli.json
-- main.ts
-- lib
---- bootstrap
------ dist
-------- css
---------- bootstrap.css

然后angular-cli.json中的条目必须使用前缀../或直接定位lib文件夹，因为它与main.ts的级别相同：

"styles": [
  "styles.css",
  "../src/lib/bootstrap/dist/css/bootstrap.css"
],

或

"styles": [
  "styles.css",
  "lib/bootstrap/dist/css/bootstrap.css"
],

路径需要相对于main.ts入口点/文件。

希望这有帮助！