webpack中的字体问题

Question

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

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

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

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

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

Answer 1

添加一个url-loader，处理字体、图片之类的文件

{
    test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,
    loader: 'url-loader?limit=8192&name=[path][name].[ext]'
}

Answer 2

你需要的是一个file-loader来处理字体，然后 import font-awesome.min.css就行了