使用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=' + new Date().getTime(),
            },

错误信息如下：

ERROR in ../~/css-loader?modules&localIdentName=[name]---[local]---[hash:base64:5]!../~/sass-loader!./asset/alifont/iconfont.css
Module not found: Error: Cannot resolve module 'iconfont.eot' in /Users/xxx/Developer/project/asset/alifont

google和百度发现有些许类似的案例，都没有给出解决方法

有遇过的，帮忙指点一二，谢谢！

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文件也同理。