带有ant设计和css模块的craco

Question

我正在使用CRA的craco加载本地少文件和ant设计少文件。我只想对我的本地风格获得"localIdentName“效果，但同时对本地和全局蚂蚁设计风格都有影响。如何正确配置？

我的craco.config.js

       {
            plugin: CracoLessPlugin,
            options: {
                lessLoaderOptions: {
                    lessOptions: {
                        javascriptEnabled: true,
                    },
                },
                cssLoaderOptions: {
                    modules: {
                        localIdentName: "[local]_[hash:base64:5]",
                    },
                }
            },
        }

Answer 1

尝尝这个?

{
    plugin: CracoAntDesignPlugin,
    options: {
        cssLoaderOptions: {
            sourceMap: true,
            modules: {
                localIdentName: '[name]__[local]__[hash:base64:5]',
                mode: resourcePath => {
                    if (/pure\.(less|css)$/i.test(resourcePath)) {
                        return 'pure';
                    }

                    if (/(global)\.(less|css)$/i.test(resourcePath)) {
                        return 'global';
                    }

                    if (/antd/i.test(resourcePath)) {
                        return 'global';
                    }

                    return 'local';
                }
            }
        },
        babelPluginImportOptions: {
            libraryDirectory: 'es'
        }
    }
}