Webpack s3プラグインがS3から読み込む画像を更新しない

Question

Webpack S3 Pluginに問題があります。私はWebPACKの、バンドルされたJSファイル、CSSファイルを使用して、私のコードをビルドし、すべてのフォントが正しくS3バケットにアップロードされている場合

new S3Plugin({ 
    s3Options: { 
     accessKeyId: process.env.AWS_ACCESS_KEY_ID, 
     secretAccessKey: process.env.AWS_ACCESS_KEY_SECRET, 
     region: process.env.AWS_REGION 
    }, 
    s3UploadOptions: { 
     Bucket: process.env.AWS_S3_BUCKET 
    } 
}) 

：私は非常に基本的な構成を有しています。 URLはディレクトリに関連して表示されるため、S3で動作します。しかし、ファイルローダを使用してロードされたSVGファイルは、URLも相対パスに変換されます。私のサイトは別のドメインからロードされているため、イメージを開くことができません。また、画像ファイルもS3にアップロードされません。ファイルは次のように読み込まれます：

S3プラグインでファイルを相対URLではなくS3 URLに変換する方法はありますか？また、importを使用してS3アップロードファイルをロードする方法はありますか？

Answer 1

webpack設定からpublicPathが欠落していました。私はこれを次のように追加しました：

output: { 
    ..., 
    publicPath: 'https://' + bucketName + '.s3.amazonaws.com/' 
} 

webpackはpublicPathにインポートされたファイル名を追加するだけなので、最後のスラッシュは重要です。