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

Question

捣腾在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和百度发现有些许类似的案例，都没有给出解决方法有遇过的，帮忙指点一二，谢谢！

Answer 1

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

Answer 2

自己没看清：
已经提示iconfont.eot找不到，所以需要在iconfont.css的@font-face中，把这个文件前面的路径写对。原本默认的是“iconfont.eot”，要改为“./iconfont.eot”。
其他iconfont文件也同理。