爲什麼不能看到本地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入口點/文件。

希望這有助於！