Stylelintrc

stylelintrc refers to a configuration file used by Stylelint, a linter for CSS and CSS-like syntaxes (such as SCSS and Less). The file defines which rules Stylelint should enforce, which plugins to apply, and how to treat various style decisions within a project. It helps teams maintain consistent code quality and catch potential errors in stylesheets.

The configuration can be provided in several formats. Commonly named or located at the project root, it can be a JSON file such as .stylelintrc.json, a YAML file like .stylelintrc.yaml or .stylelintrc.yml, a JavaScript file such as .stylelintrc.js or stylelint.config.js, or it can be embedded in the package.json under a stylelint key. The file typically includes extends to inherit rules from existing configs, plugins to add custom rules, and a rules object that maps specific rule names to their desired values. Ignore patterns can be specified with ignoreFiles to skip certain paths.

Stylelintrc is read by Stylelint when linting files. The configuration is resolved from the project root and can cascade up through parent directories, allowing base configurations to be overridden or extended locally. This makes it possible to apply a shared baseline across a monorepo while permitting project-specific adjustments. You can initialize a starter configuration with a command like npx stylelint --init, which guides you through choosing a base config and creates a stylelintrc file.

Example content (JavaScript format): module.exports = { extends: ["stylelint-config-standard"], rules: { "color-no-invalid-hex": true, "block-no-empty": true } }; This illustrates how a configuration can extend a base set of rules and enable specific checks.