0

パグのミックスインを飼っています。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

4

1 に答える 1

0

url-loaderオプションはないと思いoutputPathます。Webpack config に出力するだけoutput.pathです。output.pathあなたが（デフォルト）であると仮定すると、次のようなオプションを指定することでdistファイルを移動させることができます：dist/imgname

options: {
  name: 'img/[name].[ext]?[hash]'
}
于 2019-10-24T01:10:24.550 に答える