Skip to content

STYLELINT.md

Latest commit

 

History

History
47 lines (38 loc) · 1.45 KB

STYLELINT.md

File metadata and controls

47 lines (38 loc) · 1.45 KB

STYLELINT.md

Usage

Apply Stylelint to your project's CSS with the following steps:

  1. NPM Script

    • Go to directory: devTools/

    • Add Stylelint & stylistic/stylelint-plugin

      npm install --save-dev stylelint stylelint-config-standard
npm install --save-dev @stylistic/stylelint-plugin

    • Add a script entry to your package.json:

      {
  "scripts": {
     "lint:css:check": "stylelint \"../app/core/src/main/**/*.css\" \"../app/proprietary/src/main/resources/static/css/*.css\" --config ../.stylelintrc.json",
     "lint:css:fix": "stylelint \"../app/core//src/main/**/*.css\" \"../app/proprietary/src/main/resources/static/css/*.css\" --config .stylelintrc.json --fix"
  }
}

    • Run the linter:

      npm run lint:css:check
npm run lint:css:fix

  2. CLI Usage

    • Lint all CSS files: 
      npx stylelint ../app/core/src/main/**/*.css ../app/proprietary/src/main/resources/static/css/*.css
    • Lint a single file: 
      npx stylelint ../app/proprietary/src/main/resources/static/css/audit-dashboard.css
    • Apply automatic fixes: 
      npx stylelint "../app/core/src/main/**/*.css" "../app/proprietary/src/main/resources/static/css/*.css" --fix

For full configuration options and rule customization, refer to the official documentation: https://stylelint.io