首页 文章

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

提问于
浏览
6

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

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

我也尝试了各种路径../src,/ src ..., . / src ...没有区别..

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

2 回答

  • 9

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

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

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

  • 1

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

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

相关问题