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

回答