eslint plugin to detect unused tss-react styling classes
npm install eslint-plugin-tss-unused-classesThis eslint plugin lets you detect unused tss-react classes:
https://user-images.githubusercontent.com/6702424/167231369-4eaeb5b2-bb39-4647-9911-086572c5e212.mov
1. Add the dependency:
``sh`
yarn add --dev eslint-plugin-tss-unused-classes
2. Enable it in you ESLint config
Case 1: You are in a create-react-app project:
Edit your package.json:
`jsonc`
{
//...
"eslintConfig": {
"plugins": [
//...
"tss-unused-classes"
],
"rules": {
"tss-unused-classes/unused-classes": "warn"
}
},
//...
}
Example projet
Case 2: You have installed ESLint manually:
Edit your .eslintrc.js file: `js`
module.exports = {
// ...
plugins: [
// ...
'tss-unused-classes'
],
rules: {
// ...
'tss-unused-classes/unused-classes': 'warn'
}
}
Example project
In case of false positive, disabling the warning:
- For a line: // eslint-disable-next-line tss-unused-classes/unused-classes// eslint-disable-next-line tss-unused-classes/unused-classes`
- For the entire file: