使用create-react-app时如何设置样式化组件的名称空间？

问题描述

我正在使用create-react-app创建一个React应用。我想避免退出webpack配置，但是我希望对类的生成方式有更多的控制。

我目前正在使用react-app-rewired和react-app-rewire-styled-components尝试自定义样式化组件类的编译方式。

According to the documentation this should be possible通过设置namespace

这是我的config-overrides.js：

const rewireStyledComponents = require('react-app-rewire-styled-components');

module.exports = function override(config,env) {

    config = rewireStyledComponents(config,env,{
        "displayName": false,"namespace": "my-app"
    });

    return config;
}

现在使用此配置，我希望以前由hfil7l-0 lmhJTL生成的类现在可以由my-app-hfil7l-0 lmhJTL生成。 但是，这似乎不起作用。

我想专门使用namespace是因为displayName和fileName给了我很少的控制权。我要在同一页面上加载多个应用程序，并共享扩展了styled-components的某些共享组件，因此必须确保可以使每个应用程序的所有类都是唯一的。

我在这里想念什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）