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

若由多人共同開發 CSS，不同的樣式排序將造成困擾，可透過 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：檢查 CSS
• stylelint-config-clean-order：Stylelint plugin：CSS 樣式排序規則

.stylelintrc

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

• Stylelint 設定檔

Conclusion

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