stylelint

Stylelint

• Stylelint Homepage
• stylelint/stylelint-config-standard

安装

npm

npm install --save-dev stylelint stylelint-config-standard

Yarn

yarn add --dev stylelint stylelint-config-standard

pnpm

pnpm add --save-dev stylelint stylelint-config-standard

npm pkg set scripts.stylelint="stylelint src/**/*.css"
npm pkg set scripts.stylelint:fix="stylelint --fix src/**/*.css"

配置

stylelint.config.js

/** @type {import('stylelint').Config} */
export default {
  extends: ['stylelint-config-standard'],
  rules: {
    'block-no-empty': true,
    'at-rule-no-unknown': [
      true,
      {
        ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen'],
      },
    ],
    'no-empty-source': null,
  },
};

配置 lint-staged 自动格式化

.lintstagedrc.json

{
  "*.css": ["stylelint --fix"]
}

使用

npx stylelint "src/**/*.{css}"