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 /> элемент.

Мой текущий конфиг работает хорошо в разработке, но, похоже, не выводит никаких изображений при сборке. Могу ли я что-то добавить или сделать в моей конфигурации, чтобы достичь желаемого результата?

Заранее спасибо!

0 ответов

Другие вопросы по тегам