Webpack не помещает изображения в папку dist - PullRequest
Новая
       40

Webpack не помещает изображения в папку dist

0 голосов
/ 24 октября 2019

У меня есть мопсин. Mixin используется для создания блока с любым именем изображения, переданным в качестве аргумента. 

mixin img({imageSrc: ""} = {})
  .img(src="./img/" + imageSrc + ".jpg")

В результате я хочу, чтобы webpack либо поместил это изображение в dist/img/, либо обработал и заменил этот путь на формат base64.

Из-за моей необходимости для сохранения относительных путей в sass и pug я использую url-loader. Поэтому моя текущая конфигурация мопса и изображения выглядит следующим образом: 

module: {
  rules: [{
    test: /\.pug$/,
    loader: 'pug-loader
  }, {
    test: /\.(jp(e*)g|png|svg)$/,
    use: [{
      loader: "url-loader",
      options: {
        outputPath: "images/"
      }
    }]
  }]
}

Благодарим вас за помощь, потому что у меня заканчиваются идеи: c

1 Ответ

0 голосов
/ 24 октября 2019

Я не думаю, что url-loader имеет параметр outputPath, он просто выводит в конфигурацию вашего Webpack output.path. Предполагая, что ваш output.path равен dist (по умолчанию), вы можете сделать так, чтобы файлы перешли на dist/img, указав параметр name, например: 

options: {
  name: 'img/[name].[ext]?[hash]'
}
...