在ReactJS中创建构建风格创建React应用

时间:2018-09-18 01:20:32

标签: javascript reactjs

最近我一直在尝试为每个客户创建不同的构建风格(例如PRO或ADVANCE或LITE)。你们中的任何人都没有任何有关如何为构建过程创建配置的提示,因此它仅包括基于设置的模块吗?

(例如,对于客户端A,我只希望包含组件A,B,C。对于客户端D,仅包括组件B和D。等等)

过去几天,我一直在努力寻找一些线索。但是,我只得到了可用于React本机的信息(我正在将ReactJS与Create react应用一起使用)

非常感谢您的帮助! :)

1 个答案:

答案 0 :(得分:1)

您可以在“创建React”应用程序中使用Custom Environment Variables。例如:

REACT_APP_YOUR_CUSTOM=PRO

然后在您的代码中,可以对其进行检查:

if (process.env.REACT_APP_YOUR_CUSTOM === 'PRO') {
   //render A,B,C
} else if (process.env.REACT_APP_YOUR_CUSTOM === 'LITE') {
    //render D
} else {
    //render B
}

注意:您始终需要在变量名称前加上REACT_APP _。