Webpack sass-loader， css-loader 在 scss 文件中与字体脸中断

Question

这是我的样式加载器配置：

loaders: {
  test: /.scss$/,
  loaders: ['style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader']
}

在我的源 scss 文件中，我有这个：

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?-cvpazo');
  src: url('../fonts/icomoon.eot?#iefix-cvpazo') format('embedded-opentype'),
       url('../fonts/icomoon.woff?-cvpazo') format('woff'),
       url('../fonts/icomoon.ttf?-cvpazo') format('truetype'),
       url('../fonts/icomoon.svg?-cvpazo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

我收到此错误：

模块解析失败：/client/fonts/icomoon.svg？-cvpazo 意外令牌 （1：0） 您可能需要适当的加载程序来处理此文件类型。

Webpack 无法加载字体声明，我需要在这里做什么才能让字体工作？

Answer 1

也许您需要添加文件加载器来加载字体

{
    test: /.woff2?$|.ttf$|.eot$|.svg$/,
    use: ['file-loader']
}