Vue Js 2 将 CSS 包含在主 index.html 中答案

【问题标题】：Vue Js 2 include CSS into main index.htmlVue Js 2 将 CSS 包含在主 index.html 中
【发布时间】：2017-07-08 12:43:22
【问题描述】：

我第一次使用 VueJS 2 + Webpack 开发应用程序我创建了一个 style.css 文件，我想将它全局包含在我的应用程序根目录中的 index.html 文件中

我尝试从不同的文件夹（src、src/assets、root、src、components、node_modules）加载它，但结果我总是收到特定文件的 404 错误。

我也试过各种路径 ../src , /src..., ./src... 没区别..

将 style.css 文件包含到项目中的正确方法是什么？它应该位于哪里？我该怎么称呼它？

【问题讨论】：

【解决方案1】：

我发现如果本地 css 文件位于 VueJs 项目的“静态”文件夹中，则可以通过主 index.html 文件访问它

然后只需添加到 index.html 文件 <link rel="stylesheet" type="text/css" href='static/bootstrap.css'> 的 <head> 部分即可完成。

【讨论】：