craco with ant-design and css-modules

Question

我正在使用craco与CRA加载本地less文件和ant-design less文件。我想要得到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'
}
}
}