Webpack не выводит изображения, указанные в атрибуте img src с псевдонимами
Webpack Config:
const config = {
entry: 'src',
output: {
path: 'public',
},
resolve: {
alias: {
img: 'src/path/to/img',
fonts: 'src/path/to/fonts'
}
},
module: {
rules: [
{
test: /\.(png|jpe?g)/,
use: 'file-loader?name=[name].[ext]outputPath=img/'
}
]
}
devServer: {
...stuff...
contentBase: 'src'
...stuff...
}
}
Проблема: я хочу, чтобы webpack знал, что он должен создавать / компилировать изображения, когда я ссылаюсь на них с псевдонимом src
на <img />
элемент.
Мой текущий конфиг работает хорошо в разработке, но, похоже, не выводит никаких изображений при сборке. Могу ли я что-то добавить или сделать в моей конфигурации, чтобы достичь желаемого результата?
Заранее спасибо!