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

Question

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

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

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

我在同构React应用程序上工作，因此它同时在服务器端和客户端上渲染。因此，我不希望使该应用程序从CDN运行。

Answer 1

尝试{output: {publicPath: 'https://cdn.foo.com/me'}}为您的生产版本进行配置。然后，编译中的 URL 应指向 CDN 上的资产。

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