如何解决带有 ant-design 和 css-modules 的 craco
我正在使用 craco 和 CRA 来加载本地 less 文件和 ant-design less 文件。我只想为我的本地样式获得“localIdentName”效果,但同时获得本地和全局 ant-design 样式。如何正确配置?
我的 craco.config.js
{
plugin: CracoLessPlugin,options: {
lessLoaderOptions: {
lessOptions: {
javascriptEnabled: true,},cssLoaderOptions: {
modules: {
localIdentName: "[local]_[hash:base64:5]",}
},}
解决方法
试试这个?
{
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'
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。