请教各位一个问题,求解答:使用css-modules时,iconfont.css报错感激不尽

捣腾在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.css
Modulenotfound:Error:Cannotresolvemodule'iconfont.eot'in/Users/xxx/Developer/project/asset/alifont
google和百度发现有些许类似的案例,都没有给出解决方法
有遇过的,帮忙指点一二,谢谢!
千巷猫影
浏览 161回答 2
2回答

婷婷同学_

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)}

开满天机

自己没看清:已经提示iconfont.eot找不到,所以需要在iconfont.css的@font-face中,把这个文件前面的路径写对。原本默认的是“iconfont.eot”,要改为“./iconfont.eot”。其他iconfont文件也同理。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript