Amazon s3 使用webpack将资产上载到S3

目前，我的react项目中的所有图像都由nginx服务器提供服务。这些图像与源代码绑定在一起。源不使用require/import，而是使用url路径来呈现图像

现在我想从cloudfront提供这些图像，使用S3作为存储。 我计划为每个环境在S3上创建一组资产

我可以想出两种方法：

方法1。使用脚本

• 创建在Web包绑定后运行的脚本
• 脚本将把文件上传到S3
• 脚本和源中的路径将基于env变量推导

方法2。创建网页包加载器

• 更新源以导入/需要图像
• 创建一个加载程序，将图像上载到S3并返回公共路径

---

对这些方法有什么意见，或者对更好的方法有什么建议？

我最终创建了一个网页插件，将我的静态资产上传到S3

我使用一个build参数来推断source中静态资产的基本路径，并使用相同的参数来推断plugin中的上传路径