The cross-browser extension framework

让各个扩展界面的样式表质量保持一致，尽早发现 CSS 问题。Stylelint 通过脚本或持续集成（CI）运行，而不是跑在 Extension.js 的 dev/build 管线里。

什么场景适合用 Stylelint

预配置好的样式 lint 设置。

npx extension@latest create my-extension --template=new-config-stylelint

安装 Stylelint 依赖：

在项目根目录创建一个 Stylelint 配置文件（例如 .stylelintrc.json）：

{
  "extends": "stylelint-config-standard-scss",
  "rules": {
    "color-no-invalid-hex": true,
    "block-no-empty": true
  }
}

npm run lint:styles

如果你还没有相应脚本：

把 Stylelint 和 Prettier 整合在一起，可同时格式化和 lint 样式。安装以下依赖：然后更新 .stylelintrc.json 把 Prettier 引入：

{
  "extends": [
    "stylelint-config-standard-scss",
    "stylelint-prettier/recommended"
  ]
}

这样可以让样式的格式化和 lint 保持对齐。

Extension.js 可以检测 Stylelint 配置文件以用于诊断/报告，但不会把 Stylelint 注入到构建管线中。