The cross-browser extension framework

跨擴充功能各介面維持樣式表品質的一致性，並及早攔截 CSS 問題。Stylelint 會透過 scripts 或持續整合（CI）執行，而不是透過 Extension.js 的 dev/build pipeline。

什麼情況下適合使用 Stylelint

預先設定好的樣式檢查範本。

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

如果尚未建立對應的 script：

將 Stylelint 與 Prettier 整合，一起格式化與檢查樣式。安裝下列相依套件：接著更新 .stylelintrc.json 以納入 Prettier：

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

這樣可讓樣式格式化與檢查維持一致。

Extension.js 能偵測 Stylelint 設定檔以進行診斷／報告，但不會把 Stylelint 注入建置 pipeline。