Fonts 使用.scss和css模块将单独的css文件打包

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

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

相对于此位置，有一个包含字体文件的“字体”文件夹

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

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

我正在使用webpack进行构建，当我尝试运行构建时，我得到一个错误，即找不到。/font/7cc6719bd5f0310be3150ba33418e72e.eot。它正在尝试查找导入文件的文件夹中的./font。我该如何解决这个问题

我的webpack.config.js如下所示

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

---

现在是2017年，为什么你要使用

@font-face

规则来处理一种任何东西都不再支持的格式，包括Microsoft Internet Explorer的官方版本？（

eot

仅适用于IE8及以下版本，微软在2016年1月反对使用IE8）现在是2017年，为什么您要使用

@font-face

规则来处理一种包括官方版本的Microsoft Internet Explorer在内的任何版本都不再支持的格式？（

eot

仅适用于IE8及以下版本，微软已于2016年1月否决了该版本）