使用 webpack 将资产上传到 S3

Question

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

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

我可以想到两种方法来做到这一点：

方法 1. 使用脚本

• 创建一个在 webpack 打包后运行的脚本
• 脚本会将文件上传到 S3
• 脚本和源中的路径将根据环境变量推断

方法 2. 创建 webpack 加载器

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

对这些方法有任何意见或对更好方法的建议吗？

Answer 1

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

我使用构建参数来推断源中静态资产的基本路径，并使用相同的参数来推断插件中的上传路径。