按环境最佳实践反应不同的主页

Question

我在所有环境中都有一个不同的主页。一种用于升级，一种用于开发。问题在于每种环境，我只需要一个主页，就不需要另一个。

实际上，我有一个临时解决方案：使用'if'进行测试，并加载了一个好的解决方案，但是我认为这不是一个好主意，因为在执行此操作时必须导入所有主页。当前，所有主页均在您导入文件时构建，并且与我的CSS有一些冲突。

如果您有一些链接可以帮助我，也许我需要更改webpack配置。或者，如果您有一些好的做法，那肯定会有所帮助！

import developmentHomePage from './developmentHomePage.jsx'
import stagingHomePage from './stagingHomePage.jsx'

const mapStateToProps = state => {
  const currentEnvironnement = process.env.name    
  if (currentEnvironnement !== 'development') {
    homePage = developmentHomePage
  } else {
    homePage = stagingHomePage
  }

  return {
    homePage
  }
}

Answer 1

您可以使用环境变量动态填充主页。检查给定的链接以获取提示：dynamically fill homepage