为什么不能看到本地bootstrap.css？

Question

在角4项目，当我index.html中引用

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

，一切都很好。如果我评论以上，我不再有造型。我的路径是这样的：

- 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入口点/文件。

希望这有助于！