Question

我目前正在尝试使用CSS模块设置React应用。在研究中，我偶然发现了这个奇怪的“已编译” css函数，该函数表示css模块中的css类名。至少这是我的想法。如您在代码示例中看到的那样，所有函数的名称都为数字，并且组合了严重的CSS类名（例如5721-content：“ content-12UI7d flex-1O1GKY justifyCenter-3D2jYp”）。也许有人可以告诉我如何设置这种css / js导入。

Thx Jani

5721: function(e, t, o) {
        e.exports = {
            flex: "flex-1O1GKY",
            justifyCenter: "justifyCenter-3D2jYp",
            marginBottom20: "marginBottom20-32qID7",
            size18: "size18-3EXdSj",
            height24: "height24-3XzeJx",
            content: "content-12UI7d flex-1O1GKY justifyCenter-3D2jYp",
            image: "image-2n9YoQ",
            title: "title-rv8Fft marginBottom20-32qID7 size18-3EXdSj height24-3XzeJx",
            formItem: "formItem-HhFqlF marginBottom20-32qID7",
            logout: "logout-237t5C"
        }
    },
5722: function(e, t, o) {
        e.exports = {
            vertical: "vertical-V37hAW flex-1O1GKY directionColumn-35P_nr",
            alignCenter: "alignCenter-1dQNNs",
            marginTop20: "marginTop20-3TxNs6",
            marginBottom20: "marginBottom20-32qID7",
            marginBottom40: "marginBottom40-2vIwTv",
            size18: "size18-3EXdSj",
            height24: "height24-3XzeJx",
            modal: "modal-3YfEfS size18-3EXdSj height24-3XzeJx",
            content: "content-thnEEj vertical-V37hAW flex-1O1GKY directionColumn-35P_nr alignCenter-1dQNNs",
            closeButton: "closeButton-BJGJeO",
            image: "image-2lEAkj marginBottom20-32qID7",
            title: "title-3CgDLA marginBottom40-2vIwTv",
            appPromotion: "appPromotion-2PUSOL marginBottom20-32qID7"
        }
    },
5723: function(e, t, o) {
        e.exports = {
            marginBottom20: "marginBottom20-32qID7",
            marginTop8: "marginTop8-1DLZ1n",
            marginReset: "marginReset-236NPn",
            marginTop4: "marginTop4-2BNfKC",
            modal: "modal-2VIBV8",
            footer: "footer-1oJbSA",
            description: "description-zfMhzy marginBottom20-32qID7",
            name: "name-3ChUIO marginBottom20-32qID7",
            type: "type-3aEJ96 marginBottom20-32qID7",
            cloneInfo: "cloneInfo-1OC_Ee marginTop8-1DLZ1n",
            icon: "icon-3pNFyS",
            error: "error-chiOuv marginTop8-1DLZ1n",
            header: "header-3nFfBB marginReset-236NPn",
            clone: "clone-14QU8p marginTop4-2BNfKC",
            permissionsTitle: "permissionsTitle-2yG7gU marginBottom20-32qID7",
            foreground: "foreground-SshK2E",
            background: "background-6FOJIb",
            switchIcon: "switchIcon-_4Efyi",
            storeChannelOptionSelector: "storeChannelOptionSelector-2rFIBx",
            subtitle: "subtitle-3csUrC"
        }
    },

如何在一个导入的对象中组合CSS类

0 个答案: