Webpack дерзость-погрузчик, CSS-погрузчик порывает с шрифта лицом в SCSS файле

Это мой загрузчик конфигурации для стилей:Webpack дерзость-погрузчик, CSS-погрузчик порывает с шрифта лицом в SCSS файле

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; 
}

Я получаю эту ошибку:

Module parse failed: /client/fonts/icomoon.svg?-cvpazo Unexpected token (1:0) You may need an appropriate loader to handle this file type.

Webpack не умеет загружать декларации шрифта лица, что мне нужно сделать, чтобы сделать здесь, чтобы получить шрифт лицом к Работа?

источник

2017-01-13 dylanjha

вы пытались использовать Ваше решение для URL-погрузчик перед Сасс-погрузчик? У меня такая же проблема, и надеюсь, что вы найдете исправление! – bboydflo

Я попробовал это, и это не устранило эту проблему, для решения проблем-url-loader будет обрабатываться путь, который передается 'url', но это не решит эту проблему. Теперь ясно, что sass-loader и css-loader не могут обрабатывать @ font-face. Это неинтуитивно для меня. Я думаю, что мне придется использовать отдельный загрузчик шрифтов. Я дам вам попытку и отчитаюсь, когда я это сделаю! – dylanjha

Может быть, вам нужно добавить файл-загрузчик для загрузки шрифтов

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

источник

2017-01-18 11:45:53 bboydflo

Webpack дерзость-погрузчик, CSS-погрузчик порывает с шрифта лицом в SCSS файле

ответ

Смежные вопросы