@mt-kit/stylelint-config NPM

@mt-kit/stylelint-config

安装

npm install -D stylelint @mt-kit/stylelint-config

使用

1、普通项目新建 `stylelint.config.mjs`

export default {
  extends: ["@mt-kit/stylelint-config"],
  ignoreFiles: [
    "**/*.json", 
    "**/*.mjs", 
    "**/*.cjs", 
    "**/*.svg",  
    "**/*.ico",  
    "**/*.js",  
    "**/*.ts",
    "node_modules/**",
    "dist/**",
    "**/*.md"
  ],
  root: true
};

2、vue 项目新建 `stylelint.config.mjs`

export default {
  extends: ["@mt-kit/stylelint-config/vue"],
  // 在这添加忽略文件，在内部集成的不生效，待解决
  ignoreFiles: [
    "**/*.json", 
    "**/*.mjs", 
    "**/*.cjs", 
    "**/*.svg",  
    "**/*.ico",  
    "**/*.js",  
    "**/*.ts",
    "node_modules/**",
    "dist/**",
    "**/*.jsx",
    "**/*.md"
  ],
  root: true
};

3、React 项目新建 `stylelint.config.mjs`

export default {
  extends: ["@mt-kit/stylelint-config/react"],
  // 在这添加忽略文件，在内部集成的不生效，待解决
  ignoreFiles: [
    "**/*.json",
    "**/*.mjs",
    "**/*.cjs",
    "**/*.svg",
    "**/*.ico",
    "**/*.js", 
    "**/*.ts",
    "node_modules/**",
    "dist/**",
    "**/*.md"
  ],
  root: true
};

忽略（他的权重是最高的）

新建 .stylelintignore

dist
public
node_modules

插件

插件	作用
stylelint	CSS 静态代码分析工具
@stylistic/stylelint-plugin	自定义 Stylelint 规则扩展
postcss	CSS 预处理工具
postcss-html	HTML 预处理工具
stylelint-config-recess-order	样式属性排序规则
stylelint-config-recommended	推荐的 Stylelint 配置
stylelint-config-standard	标准规则配置，提供更严格风格约束
stylelint-order	样式属性排序规则
stylelint-prettier	结合 Prettier 格式化工具