webpack用.scss和css模块分开css文件

Question

我在fonts.scss文件中声明了以下@ font-face

@font-face {
  font-family: SyncSpaceStandard;
  src: url("./fonts/7cc6719bd5f0310be3150ba33418e72e.eot");
  src: url("./fonts/7cc6719bd5f0310be3150ba33418e72e.eot?#iefix") format("embedded-opentype"), 
}

相对于此位置，有一个＆＃39;字体＆＃39;带有字体文件的文件夹

现在在一个单独的component.scss文件中（在另一个文件夹中）我用以下方式引用此.scss

@import "../../stylesheets/fonts";

我正在使用webpack进行构建，当我尝试运行构建时，我收到一条错误消息，指出无法找到./fonts/7cc6719bd5f0310be3150ba33418e72e.eot。它试图在导入文件的文件夹中找到./fonts。我该如何解决这个问题？

我的webpack.config.js看起来像这样。

test: /\.scss$/,
loader:  ExtractTextPlugin.extract('style', '!css-loader?modules&localIdentName=[name]__[local]___[hash:base64:5]&sourceMap!sass?sourceMap')