Check no default import and camelCaseOnly use of css modules, visit this blog for more details.
You'll first need to install ESLint:
npm i eslint --save-dev
Next, install eslint-plugin-css-modules-es
:
npm install eslint-plugin-css-modules-es --save-dev
Add css-modules-es
to the plugins section of your .eslintrc
configuration file. You can omit the eslint-plugin-
prefix:
{
"plugins": [
"css-modules-es"
]
}
Then configure the rules you want to use under the rules section.
{
"rules": {
"css-modules-es/rule-name": 2
}
}
You can specify a list of file extensions to validate css modules via plugin settings in .eslintrc.
{
"settings": {
"css-modules-es": {
"extensions": [".modules.css", ".modules.less"]
}
}
}
The default extensions is [".modules.css"]
- no-default-import-css-modules
- only-camelcase-key-css-modules
MIT license