通过环境响应不同的主页最佳实践答案

【问题标题】：React different homepage by environnement Best practices通过环境响应不同的主页最佳实践
【发布时间】：2020-02-25 20:26:08
【问题描述】：

我在所有环境中都有不同的主页。一种用于分期，一种用于开发。问题出在每个环境中，我只需要 1 个主页而不需要其他主页。

实际上我有一个临时解决方案：我测试了一个“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
  }
}

【问题讨论】：

标签： javascript reactjs webpack redux build

【解决方案1】：

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

【讨论】：