如何從webpack將資源上傳到s3

Question

我是webpack.new的新手，我想使用webpack將我縮小的js文件上傳到s3。我在webpack.config.js文件中使用了follwing代碼。

const webpack = require('webpack'); 
var S3Plugin = require('webpack-s3-plugin'); 

    module.exports = { 
     entry: './src/app.js', 
     output: { 
      path: './bin', 
      filename: 'app.bundle.js' 
     }, 
      plugins: [ 
      new webpack.optimize.UglifyJsPlugin({ 
       compress: { 
        warnings: false, 
       }, 
       output: { 
        comments: false, 
       }, 
      }), 
      new S3Plugin({ 
      // Only upload css and js 
      include: /.*\.(css|js)/, 
      // s3Options are required 
      s3Options: { 
      accessKeyId: 'key', 
      secretAccessKey: 'key', 
      region: 'Oregon', 
      signatureVersion: 'v4', 
    /*  s3BucketEndpoint: true,*/ 
      endpoint: "endpoint" 
      }, 
      s3UploadOptions: { 
      Bucket: 'bucketname' 
      } 
     }) 
     ] 
    }; 

，但我發現在的WebPack 錯誤以下錯誤S3Plugin：錯誤：非文件流對象不與SigV4支持AWS.S3我怎樣才能解決這個問題呢？

Answer 1

更改signatureVersion至V3：

s3Options: { 
    accessKeyId: process.env.AWS_ACCESS_KEY_ID, 
    secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY, 
    signatureVersion: 'v3', 
    region: 'eu-central-1' 
    }, 

Answer 2

試試這個S3-插件-的WebPack叉：

NPM安裝的git + https://github.com/fabianfett/s3-plugin-webpack.git

由筆者建議： https://github.com/MikaAK/s3-plugin-webpack/issues/43#issuecomment-238854713

測試'歐盟中央1'地區。應該使用'us-west-2'（俄勒岡州）。