怎么引入外部的css文件

Question

使用vue2最新模板，怎么在组件中引入css文件，比如我想引入bootstrap css 但是一直报一个错误

Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.eot'

说这个字体文件找不到，我百度了好久，也没找到解决方法。

Answer 1

fishenal 2017-11-17 17:40:14

https://forum-archive.vuejs.org/topic/1403/how-to-integrate-bootstrap-to-vue-js

这里找到了解决方法

还可以参考一下这个：https://bootstrap-vue.js.org/

https://stackoverflow.com/questions/44801411/how-to-import-and-use-bootstrap-in-vue-webpack-template

https://stackoverflow.com/questions/43574567/order-of-imported-css-file-in-component-vuejs

• 提问者 慕圣7353777 #1

  非常感谢！

Answer 2

龙葛葛 2017-11-17 11:30:10

我了解到的是直接import就行了吧，vue文件里面的style样式加上scope作用域。

• 提问者 慕圣7353777 #1

  直接import，css中引用的字体文件好像找不到，我现在就是遇到的这个问题