Добрый вечер! Ребята, помогите пожалуйста, уже 2 дня не могу найти решение...
Как настроить пути к картинкам в CSS при билде в webpack?
Вопрос, как мне кажется, касается file-loader
Проблема
При билде, ссылки выглядят следующим образом:
- в html: /img/ (изображения отображаются)
- в css: /img/ ( изображение НЕ отображается)
правильный путь должен быть такой .. /img/ (проверял, так работает)
Если зайти в webpack.config
{
test: /\.(png|jpe?g|gif)$/i,
use:[
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath:'img',
publicPath:'/img/'
},
}
],
}
То есть и в html и в css формируется один и тот же путь, указанный в publicPath:'/img/'
Как настроить file-loader так, чтобы в html файлах был путь /img/ а в CSS .. /img/?