Question

我有哈巴狗混蛋。 Mixin用来创建带有任何图像名称作为参数传递的块。

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

因此，我希望Webpack将此图像放置在dist/img/中，或对其进行处理并用base64格式替换此路径。

由于需要保存相对路径，所以我使用url-loader。因此，我当前对哈巴狗和图片的配置如下所示：

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

感谢您的帮助，因为我没有足够的主意：c

Answer 1

我认为url-loader没有outputPath选项，它只是输出到Webpack配置的output.path。假设您的output.path是dist（默认），则可以通过指定dist/img选项将文件转到name，例如：

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

Webpack不会将图像放在dist文件夹中

1 个答案: