这是我的样式的加载程序配置:
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无法加载font-face声明,我需要做什么才能让font-face工作?
答案 0 :(得分:0)
也许你需要添加文件加载器来加载字体
{
test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/,
use: ['file-loader']
}