Vue Js 2將CSS包含到主index.html中

我正在開發一個應用程序，第一次使用VueJS 2 + Webpack 而且我創建了一個style.css文件，我想將globaly包含到index.html文件中我的應用程序Vue Js 2將CSS包含到主index.html中

我已經嘗試從不同的文件夾（src，src/assets，root，src，components，node_modules）加載它，但結果我總是得到特定文件的404錯誤。

我也試過各種路徑../src，/ src目錄...，./src ......沒什麼區別..

什麼是包括的style.css文件的正確方法進入你的項目？它應該在哪裏？我應該怎麼稱呼它？

2017-02-19 Alex

我想通了，本地的CSS文件可以通過主index.html文件來訪問，如果它位於VueJs項目的「靜態」文件夾

然後只需添加到您的index.html的<head>節文件<link rel="stylesheet" type="text/css" href='static/bootstrap.css'>，你就完成了。

2017-02-19 17:21:34 Alex

您不應該從Vue組件調用CSS文件。這不會那樣工作，因爲所有的Vue組件都將被捆綁到build.js文件中。您只應包含來自index.html的所有靜態文件。

然而Vue公司提供選項，在Vue的組件樣式，使用

<style scoped></style>在.vue文件的末尾

2017-02-22 12:15:24

回答