reactjs - 使用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 上的 Assets 。

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