怎么引入外部的css文件

来源:4-4 过渡动画-css实现过渡(上)

慕圣7353777

2017-11-16

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

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

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

http://img.mukewang.com/szimg/5a0d93eb000130eb03070686.jpg

http://img.mukewang.com/szimg/5a0d93eb0001f83017380302.jpg

http://img.mukewang.com/szimg/5a0d93eb0001091508080980.jpg

http://img.mukewang.com/szimg/5a0d93ec0001455e07840922.jpg


写回答

2回答

fishenal

2017-11-17

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

0
1
慕圣7353777
非常感谢!
2017-11-20
共1条回复

龙葛葛

2017-11-17

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

0
1
慕圣7353777
直接import,css中引用的字体文件好像找不到,我现在就是遇到的这个问题
2017-11-17
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程