Lassen Sie alle Bilddateien mithilfe von Webpack auf CDN zeigen

Question

In Ruby on Rails können Sie einfach eine einzelne Codezeile anpassen, damit alle Assets einen externen Assets-Server verwenden. Innerhalb config/environments/production.rb Kommentar- Sie nur eine Zeile:

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

So würde Ich mag das gleiche auf einem reagiert App tun. Ich habe s3-plugin-webpack verwendet, um alle Assets hochzuladen, aber ich habe Probleme beim Ändern der URL, um auf die neuen Bilder zu zeigen, die gerade hochgeladen wurden.

Ich arbeite an einer isomorphen React App, so dass es sowohl auf Server- als auch auf Client-Seite rendern kann. Ich möchte also nicht, dass die Anwendung vom CDN ausgeführt wird.

Answer 1

Versuchen Sie, {output: {publicPath: 'https://cdn.foo.com/me'}} für Ihre Produktionsaufbauten zu konfigurieren. Die URLs in der Kompilierung sollten dann auf die Assets auf dem CDN verweisen.

Alternativ können Sie cdnizer mit dem Plugin konfigurieren, das alle URLs in den HTML-Dateien in Ihrer Ausgabe transformieren soll.