webpack中的字体问题

这几日在做一些react的练习,构建了一个前端的脚手架。一切正常,但是当我想用到一些字体项目的时候,比如font-awesome,在引入font-awesome的时候改了font的路径,导致编译失败.
https://img1.mukewang.com/5ba3638b000154fa10200096.jpg


此时问题我知道就是说图片的路径是不对的,我是想让这些字体文件不进行打包,因为当我地址写正确之后导致了scss编译错误

https://img3.mukewang.com/5ba36396000162ad08440367.jpg

有点懵逼了,虽然说react中所有的文件都看成一个文件,但是字体文件明显不能进行编译

根据回答修改了路径配置,首先是添加url-loader,然后会出现这样的问题 

https://img3.mukewang.com/5ba3639f0001f2e306450149.jpg

https://img4.mukewang.com/5ba363aa0001066509970916.jpg

解决方式暂未知。这样导致编译很慢,能够使用。


莫回无
浏览 614回答 1
1回答

RISEBY

添加一个url-loader,处理字体、图片之类的文件{     test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,     loader: 'url-loader?limit=8192&name=[path][name].[ext]' }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript