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

Question

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

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

所以我想在一个反应​​应用程序上做同样的事情。我使用s3-plugin-webpack上传了所有资源，但我在更改网址时遇到问题，指向刚刚上传的新图片。

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

Answer 1

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

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