Всем привет! Буду благодарен если сможете помочь в решении такой проблемы:
0) Имеем такую файловую структуру:
+ dist/
--- loadable/
--- bundle.css
--- bundle.js
+ src
--- loadable/
...
1) Есть .scss файлы, в которых указаны пути, например:
font-face {
font-family: Font1;
src: url('../../loadable/fonts/52452.otf');
}
2) Есть такой webpack-конфиг:
{
test: /\.(sass|scss)$/,
include: path.resolve(__dirname, 'src'),
use: ExtractTextPlugin.extract({
use: [{
loader: "css-loader",
options: {
sourceMap: true,
minimize: true,
url: false
}
}, {
loader: "sass-loader",
options: {
sourceMap: true
}
}]
})
}
3) Все .scss файлы успешно собираются в bundle, но вот только пути просто копируются из исходников, т.е. в bundle указано тоже самое:
font-face {
font-family: Font1;
src: url('../../loadable/fonts/52452.otf');
}
А должно быть:
font-face {
font-family: Font1;
src: url('loadable/fonts/52452.otf');
}
Как решить эту проблему? Какой плагин использовать?
Пробовал resolve-url-loader, но похоже, что он не для этого
