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

Question

在 Ruby on Rails 中，您只需调整一行代码即可使所有资产使用外部资产服务器。在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。