Open ppyoosef opened 2 years ago
@ppyoosef I configured like this solved my problem
// craco.config.ts
const CracoLessPlugin = require('craco-less');
const lessModuleReg = /src\/(pages|components).*\.less/;
module.exports = {
plugins: [
{
plugin: CracoLessPlugin,
options: {
modifyLessRule(lessRule: any) {
lessRule.exclude = lessModuleReg;
return lessRule;
},
modifyLessModuleRule(lessRule: any) {
lessRule.test = lessModuleReg;
lessRule.exclude = /node_modules/;
return lessRule;
},
},
},
],
};
please read that: https://github.com/DocSpring/craco-less#css--less-modules
you can try to add declare for module.less to d.ts(like react-app-env-d.ts)
declare module "*.module.less" { const classes: { readonly [key: string]: string }; export default classes; }
Hi
I am using antd as a UI toolkit. I want to implement style modules in my project. I tried like this
But it applied to all less files including antd library. I want to apply only for styles inside the src folder. I know we can do by renaming all style files inside the src folder with some suffix (index.m.less) and change the regex.
I want to keep my style file as formatted now (index.less). Is there any option to apply modify rule only for my src folder?