Como configurar um SPA no carregamento?

Estamos usando o Webpack, React, Node.JS, mas acho que essa pergunta é mais genérica que as tecnologias específicas. Posso usar o Webpack para configurar o SPA ao criar para o modo de desenvolvimento ou modo de produção (por exemplo, usando o DefinePlugin).

Como posso configurar um SPA no modo de produção (configurado na compilação) para diferentes ambientes de implantação (por exemplo, teste versus produção)? Por exemplo, essas implantações diferentes conversariam com diferentes APIs de servidor de back-end.

De alguma forma, o SPA precisa coletar algum contexto local do servidor, pois está sendo obtido pelo navegador. Ou talvez tenhamos que ter um arquivo de configuração personalizado em cada servidor que o SPA possa obter com segurança?

Estamos usando o NodeJS no servidor e este SPA acabará sendo executado como um aplicativo isomórfico para que possa ajudar. Estamos implantando esses aplicativos nas imagens do Docker e é fácil configurar o ambiente deles na implantação.

Obrigado por todas as sugestões.

questionAnswers(3)

yourAnswerToTheQuestion