首页 > webpack中的字体问题

webpack中的字体问题

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

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

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

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

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


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


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

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