@gx-web/stylelint-config v1.0.5

Stylelint Config of Project

安装

# pnpm
pnpm add @gx-web/stylelint-config -D
# npm
npm i @gx-web/stylelint-config -D
# yarn
yarn add @gx-web/stylelint-config -D

使用

// stylelint.config.cjs
module.exports = {
  extends: ['@gx-web/stylelint-config'],
  rules: {}
}

忽略文件

// .stylelintignore
dist
node_modules

*.ts
*.d.ts
*.js
*.png
*.html

格式化配置

// .vscode/settings.json
{
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": "explicit"
  },
  "stylelint.validate": [
    "html",
    "css",
    "scss",
    "vue"
  ],
  "scss.lint.unknownAtRules": "ignore"
}

格式化命令

// package.json
"scripts": {
  "lint:stylelint": "stylelint --fix './src/**/*.{css,scss,vue}'"
}

命令参数说明

• --fix
  • 此项指示 ESLint 尝试修复尽可能多的问题。这些修复是对实际文件本身进行的，只有剩余的未修复的问题才会被输出
• './src/**/*.{css,scss,vue}'
  • 格式化目录, 支持目录, 文件名

其余命令可参考官方