Umgebungsvariablen in einer isomorphen JS-App: Webpack suchen und ersetzen?

Ich verwende Webpack, um eine isomorphe JS-App zu bündeln based on this example), damit der Browser den gleichen Code wie der Server ausführt. Alles läuft reibungslos, außer ich habe einconfig.js mit einigen Einstellungen, die von Umgebungsvariablen auf dem Server abgerufen werden:

module.exports = {
  servers:
    auth: process.env.AUTH_SERVER_URL,
    content: process.env.CONTENT_SERVER_URL
  }
}

Auf dem Server ist dies großartig, aber wenn Webpack dies für den Client rendertprocess ist leer und das funktioniert nicht.

Ich hoffe, dass es eine Art Webpack-Plugin zum Suchen und Ersetzen gibt, das sie durch ihren Inhalt allein in dieser Datei ersetzt.

"…config.js content…".replace(/process\.env\.([a-z0-9_]+)/, function(match, varName) {
  return process.env[varName];
})

Antworten auf die Frage(8)

Ihre Antwort auf die Frage