javascript - webpack中的字体问题
怪我咯
怪我咯 2017-04-11 11:27:10
[JavaScript讨论组]

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

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

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

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

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

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
PHP中文网

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号