統一 SCSS 樣式排序 | 次世代 Hugo

若由多人共同開發 SCSS，不同的樣式排序將造成困擾，可透過 Stylelint 將樣式統一排序。

Version

Stylelint 16.23.1
Stylelint-config-clean-order 7.0.0

Stylelint

$ npm install -D stylelint 
$ npm install -D stylelint-config-clean-order

• stylelint：檢查 SCSS
• stylelint-config-clean-order：Stylelint plugin：SCSS 樣式排序規則

.stylelintrc

{
  "extends": [
    "stylelint-config-standard-scss",
    "stylelint-config-clean-order"
  ],
  "plugins": ["stylelint-scss"]
}

• Stylelint 設定檔

Conclusion

• stylelint-config-clean-order 已經幫我們設定好排序的規則，因此不用再設定任何 rule