使用 Webpack 使所有图像文件指向 CDN

Question

在 Rails 上的 Ruby 中，您只需调整一行代码即可使所有资产都使用外部资产服务器。在 config/environments/production.rb 中，您只需取消注释一行：

config.action_controller.asset_host = 'XXXXXXXX.cloudfront.net'

所以我想在 React 应用程序上做同样的事情。我已使用 s3-plugin-webpack 上传所有资产，但我在更改 url 以指向刚刚上传的新图像时遇到问题。

我在一个同构的 React 应用程序上工作，因此它在服务器端和客户端都呈现。所以我不想从 CDN 制作应用程序 运行。

Answer 1

尝试为您的生产构建配置 {output: {publicPath: 'https://cdn.foo.com/me'}}。编译中的 URL 应指向 CDN 上的资产。

或者，您可以使用插件配置 cdnizer，该插件应转换输出中 HTML 文件中的所有 URL。