Comment configurer webpack devServer pour proxy /images vers un fournisseur d'images externe (stockage)

J'ai besoin de mon webpack-dev-serverpour pouvoir proxy le /images/*.jpgchemin vers mon fournisseur externe (Cloud Storage).

Cette:

<image src="/images/file.jpg" />

Doit être servi à partir de :

<image src="https://firebasestorage.googleapis.com/v0/b/PROJECT_NAME.appspot.com/o/images%2Ffile.jpg?alt=media" />

Obs : J'ai également le /imagesdossier à l'intérieur de mon compartiment de stockage Cloud.

Solution du problème

Voici la webpackconfiguration qui m'a permis d'accomplir ceci:

devServer: {
 compress: true,
 hot: true,
 port: 80,
 historyApiFallback: true,
 allowedHosts: ['dev.mydomain.com'],
 // THIS IS THE IMPORTANT PART
 proxy: {
 '/images': {
 target: `https://firebasestorage.googleapis.com`,
 secure: true,
 changeOrigin: true,
 pathRewrite: (path,req) => {
 // path: '/images/fileName.jpg'
 const IMAGE_FILE = path.split('/').pop();
 const BUCKET_ROOT = `/v0/b/PROJECT_NAME.appspot.com/o`;
 return `${BUCKET_ROOT}/images%2F${IMAGE_FILE}?alt=media`
 },
 }
 },
 },