在ReactJS创建反应应用程序中创建构建风格

Question

最近我一直试图为我的每个客户创建不同的构建风格（例如PRO或ADVANCE或LITE）。你们有没有任何关于如何为构建过程创建配置的提示，所以它只包含基于设置的模块？

（例如，对于客户端A，我只想包括组件A，B，C。对于客户端D，仅包括组件B和D.等）

过去几天我一直试图寻找一些线索。然而，我只获得了可用于React-native的信息（我正在使用ReactJS和Create react app）

非常感激您的帮忙！ :)

Answer 1

您可以在Create react app中使用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_前加上变量名称。