stylelint 安裝配置

一、安裝 stylelint：webpack

npm i stylelint -ggit

npm i stylelint stylelint-config-standard --save-devgithub

二、在 scripts 裏添加 stylelint 應用的目錄文件web

三、安裝 pre-commitnpm

npm i pre-commit --save-dev編輯器

在配置中添加 stylelint，這裏的 stylelint 是上面 scripts 裏的命名ide

四、在項目目錄中建立 .pre-commit-config.yaml 文件並編輯內容，實現 git commit 的時候檢查功能ui

-   repo: git://github.com/alanmc/pre-commit-stylelint.git
    sha: '7.3.1'  # Use the sha you want to point at
    hooks:
    -   id: stylelint

五、根據不一樣的編輯器配置編輯器的 stylelint 檢測google

六、添加 stylelint 規則，編輯 .stylelintrc 文件code

{
  "extends": "stylelint-config-standard",
  "rules": {
    "indentation": 4,
    "selector-pseudo-element-colon-notation": "single"
  }
}

規則參考：

https://www.jianshu.com/p/caccf4d2c88d

https://github.com/stylelint/stylelint/blob/master/docs/user-guide/rules.md

要關閉某則規則只須要把值設置爲 null。

七、添加 webpack 編譯校驗

使用 stylelint-webpack-plugin

可傳入配置項，相關配置本身 google