Vue Js 2将CSS包含到主index.html

时间:2017-02-19 06:05:23

标签: webpack vue.js

我是第一次使用VueJS 2 + Webpack开发应用程序 我创建了一个style.css文件,我希望将globaly包含在我的应用程序根目录中的index.html文件中

我尝试从不同的文件夹(src,src / assets,root,src,components,node_modules)加载它,但结果我总是得到特定文件的404错误。

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

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

2 个答案:

答案 0 :(得分:10)

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

然后只需添加到index.html文件<head>的{​​{1}}部分即可。

答案 1 :(得分:1)

您不应该从Vue组件调用CSS文件。这不起作用,因为所有Vue组件都将捆绑到build.js文件中。您应该只包含index.html的所有静态文件。

但是Vue提供了在Vue组件中使用样式的选项,使用

<style scoped></style>文件

末尾的

.vue