Stylelint

Styllint (opens new window) ist ein von ESLint inspirierter Linter für Styledateien (.css, .pcss, .stylus, ...).

Integration mit Prettier

Da sich Linter und Formatter öfters mal in die Quere kommen, müssen zusätzliche Packages installiert werden (opens new window).
Außerdem gibt es ein VSCode-Plugin (opens new window).

Die .stylelintrc.js wird im Styleguide Projekt (opens new window) verwaltet (und wie die tailwind.config.js aus dem Styleguide Submodule gesynct) sieht wie folgt aus:

module.exports = {
    extends: ['stylelint-config-recommended', 'stylelint-prettier/recommended'],
    rules: {
    'at-rule-no-unknown': [
    true,
    {
    ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen'],
    },
    ],
    'declaration-block-trailing-semicolon': null,
    'no-descending-specificity': null,
    },
};

Die Packages der package.json sehen wie folgt aus (Versionen egal):

{
    "devDependencies": {
    "stylelint": "^13.12.0",
    "stylelint-config-prettier": "^8.0.2",
    "stylelint-config-recommended": "^4.0.0",
    "stylelint-prettier": "^1.2.0",
    ...
}

übergeordnetes Thema

3.2 Unterstützende Software