我是第一次使用VueJS 2 + Webpack开发应用程序 我创建了一个style.css文件,我希望将globaly包含在我的应用程序根目录中的index.html文件中
我尝试从不同的文件夹(src,src / assets,root,src,components,node_modules)加载它,但结果我总是得到特定文件的404错误。
我也试过各种路径../src,/src ...,。/ src ......没什么区别..
将style.css文件包含到项目中的正确方法是什么? 它应该在哪里?我应该怎么称呼它?
答案 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