javascript - 为多个应用创建 React App？

Question

假设我有很多 小应用程序，我是否需要为每个小应用程序创建一个 create-react-app？或者我可以拥有一个 create-react-app 吗？后者是我的偏好，因为我不想为每个应用程序使用单独的 node_modules。因为在 npm install 之后它是数百兆字节。

如果可能的话，我需要使用什么锅炉来创建多个应用程序，这是一个 webpack 的东西吗？

Answer 1

您可以使用环境变量来执行此操作。
以“REACT_APP_”开头的环境变量可通过 process.env.REACT_APP_[NAME]

在浏览器中使用

如果您使用像 WebStorm 这样的 IDE，您可以为每个应用程序创建不同的运行配置，例如将环境设置为 REACT_APP_SETUP=app1。

在shell中你可以这样设置:

export REACT_APP_SETUP=app1
npm start

然后你只需在 index.js 中渲染不同的根组件

    // in index.js
    const setup = process.env.REACT_APP_SETUP;
    
    if (setup == "app1") {
        ReactDOM.render(<App1/>,document.getElementById('root'));
    } else {
        ReactDOM.render(<App2/>,document.getElementById('root'));
    }