为了账号安全,请及时绑定邮箱和手机立即绑定

使用css-modules时,iconfont.css报错感激不尽

使用css-modules时,iconfont.css报错感激不尽

ITMISS 2019-08-06 00:15:38
捣腾在webpack中配置css-modules时,iconfont报错。以下是webpack配置:{test:/\.scss|css$/,loader:ExtractTextPlugin.extract('style','css?modules&localIdentName=[name]---[local]---[hash:base64:5]!sass')},{test:/\.(woff|svg|eot|ttf)\??.*$/,loader:'file-loader?name=font/[name].[ext]',query:'random='+newDate().getTime(),},错误信息如下:ERRORin../~/css-loader?modules&localIdentName=[name]---[local]---[hash:base64:5]!../~/sass-loader!./asset/alifont/iconfont.cssModulenotfound:Error:Cannotresolvemodule'iconfont.eot'in/Users/xxx/Developer/project/asset/alifontgoogle和百度发现有些许类似的案例,都没有给出解决方法有遇过的,帮忙指点一二,谢谢!
查看完整描述

2 回答

?
HUWWW

TA贡献1874条经验 获得超12个赞

exclude把iconfont.eot过滤掉即可
{
test:/\.scss|css$/,
loader:ExtractTextPlugin.extract('style','css?modules&localIdentName=[name]---[local]---[hash:base64:5]!sass'),
exclude:path.resolve(__dirname,???/asset/alifont)
}
                            
查看完整回答
反对 回复 2019-08-06
?
天涯尽头无女友

TA贡献1831条经验 获得超9个赞

自己没看清:
已经提示iconfont.eot找不到,所以需要在iconfont.css的@font-face中,把这个文件前面的路径写对。原本默认的是“iconfont.eot”,要改为“./iconfont.eot”。
其他iconfont文件也同理。
                            
查看完整回答
反对 回复 2019-08-06
  • 2 回答
  • 0 关注
  • 731 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号