Webpack 网页包sass加载程序,css加载程序与scss文件中的字体面断开

Webpack 网页包sass加载程序,css加载程序与scss文件中的字体面断开,webpack,font-face,css-loader,sass-loader,Webpack,Font Face,Css Loader,Sass Loader,这是我的样式加载程序配置: 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/

这是我的样式加载程序配置:

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/font/icomoon.svg?-cvpazo意外标记(1:0) 您可能需要适当的加载程序来处理此文件类型


Webpack无法加载字体声明,我需要在此处执行什么操作才能使字体生效?

可能需要添加文件加载器来加载字体

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

您是否尝试过在sass加载程序之前使用解析url加载程序?我有一个类似的问题,希望你能找到解决办法!我确实尝试过,但它没有解决这个问题,解析url加载程序将处理传递到
url
的路径,但它不会解决这个问题。现在很清楚,sass加载程序和css加载程序无法处理@font-face。这对我来说是不直观的。我想我将不得不使用一个单独的字体加载器。我会试试看,到时候再报告!