自定义babel转换，可设置redux状态以创建变量包

Question

我有一个大型的React Web应用程序，该应用程序具有很多代码，这些代码根据是否登录而在组件之间进行划分，例如：

render(){
    const { isAuthenticated } = this.props;

    if(isAuthenticated) {

        return <AuthComponent/>
    } else{

        return <NonAuthenticatedComponent/>
    }
}

我想创建两个捆绑包-一个捆绑包用于已登录的用户，另一个捆绑包用于未登录的用户。

完成此任务的最佳方法是什么？我以为这可能是进行babel转换的好地方-isAuthenticated来自redux存储，然后我们可以创建两个已经摇晃的捆绑软件-一个isAuth为true，另一个isAuth为false。

是否已经有可以做到这一点的插件？预先感谢