[料理佳餚] Jenkins 增加 CSSLint Plugin

CSSLint 是用驗證 CSS 語法的工具,CSSLint 官網提供了一個編輯器讓我們線上驗證 CSS 語法,編輯器底下就是要驗證的項目,可以挑選要或不要。

CSSLint 的 Rule 沒有 StyleCop、FxCop 或 JSLint 來的那麼多,夯不啷噹就 30 幾項,要知道有哪些 Rule 可以上 CSSLint GitHub Wiki 查看。

安裝 Node.js

在 Jenkins Server 上安裝 Node.js,因為目前 CSSLint 得依靠它來執行。

安裝 CSSLnit

用 npm 指令安裝 CSSLint npm install csslint -global

添加系統環境變數

node = "C:\Program Files\nodejs\node.exe"

添加建置後動作 - Execute a set of scripts

CSSLintWrapper 是我自己撰寫的 wrapper,按照我的需求組合 CSSLint 所需要的參數。

添加建置後動作 - Report Violations

把輸出後的 CSSLintReport.xml 填入 csslint 欄位。

Demo

CSS 語法有問題的部分都被抓到了。