TSS
HomeGitHubPlayground
v3
v3
  • ๐Ÿš€Why TSS
  • ๐Ÿ”งSetup
  • ๐Ÿ”API References
    • makeStyles -> useStyles
    • withStyles
    • <GlobalStyles />
    • keyframes
    • useMergedClasses
  • ๐Ÿ’ฝCache
  • ๐Ÿ’ซNested selectors (ex $ syntax)
  • โšกSSR
    • Gatsby
    • Next.js
    • Other backends
  • ๐ŸฆฑYour own classes prop
  • ๐ŸญMUI Theme styleOverrides
  • ๐ŸงนDetecting unused classes
  • ๐Ÿ“ฆPublish a module that uses TSS
  • ๐Ÿ”ฉsingle-spa
  • ๐Ÿ“ฒReact Native
Powered by GitBook
On this page
  • Usage
  • Disabling warnings

Was this helpful?

Edit on GitHub

Detecting unused classes

PreviousMUI Theme styleOverridesNextPublish a module that uses TSS

Last updated 2 years ago

Was this helpful?

There is that detects unused classes:

Usage

  1. Add the dependency:

yarn add --dev eslint-plugin-tss-unused-classes
  1. Enable it in you ESLint config

{
  //...
  "eslintConfig": {
    "plugins": [
      //...
      "tss-unused-classes"
    ],
    "rules": {
      "tss-unused-classes/unused-classes": "warn"
    }
  },
  //...
}

Case 2: You have installed ESLint manually: Edit your .eslintrc.js file:

module.exports = {
  // ...
  plugins: [
    // ...
    'tss-unused-classes'
  ],
  rules: {
    // ...
    'tss-unused-classes/unused-classes': 'warn'
  }
}

Disabling warnings

In case of false positive, disabling the warning:

  • For a line: // eslint-disable-next-line tss-unused-classes/unused-classes

  • For the entire file: // eslint-disable-next-line tss-unused-classes/unused-classes

Case 1: You are in a project: Edit your package.json:

๐Ÿงน
create-react-app
Example projet
Example project
an ESLint plugin