问反应中的微前端env配置

EN

在一个地方定义它的问题是(举几个例子)：

• 如何准确地分享这些？我们不希望不同的MFE相互“接触”，因为这破坏了我们正在努力创造的东西--分离和独立。
• 如果我们依赖容器来提供/传播一些env值(或者将它们全部耦合到env源)，我们就不能独立地运行MFE。

在每个MFE中定义它带来了一个不同的问题--您需要更新上帝中的公共值--知道有多少个地方(甚至相同的参数都被赋予了不同的名称--哦，天哪)

来了..。小号..。秘密选项#3

在最上面的目录中定义一个文件，并为每个MFE (或您喜欢使用的任何约定)定义一个.env.prod \ .env.dev。

只是为了解决您对容器应用程序的具体问题--您应该尽可能少地依赖它；尝试像对待其他MFE一样对待它(您会让Cart/Products/Home处理整个应用程序的env设置吗？)因此，即使容器承载了其他MFE，这并不意味着让它设置/管理它们的环境是有意义的--这就是为什么这是错误的一个例子--如果MFE被其他一个/多个MFE消耗了怎么办？它们现在也应该管理消耗掉的MFE的env吗？(当然不是)

然后，您可以使用任何您喜欢的技术/实现来管理环境(即dotenv &dotenv-展开)。还可以查看反应性env文档，它们非常方便和直观。

想法:您可以在webpack配置- 看看这个中直接定义和/或使用某些值。

这个文章很好地解释了这个例子，代码对于每个MFE中的env都有一个简单的实现，您可以将其作为解决方案的一部分使用(我假设作者没有为env最佳实践操心，因为这不是本文的内容，而且还有很多需要介绍的地方)。