>本文探討了擴(kuò)展詹金斯在PHP項(xiàng)目中分析Frontend資產(chǎn)（CSS和JavaScript）的能力。 先前的文章涵蓋了Jenkins的設(shè)置和初始構(gòu)建分析。

鑰匙要點(diǎn)：

Jenkins利用CSSLINT和JSHINT等插件分別分析CSS和JavaScript。 這些插件安裝在Jenkins服務(wù)器上，檢查違規(guī)代碼，以違規(guī)圖表形式。
• 。
集成CSSLINT和JSHINT需要修改項(xiàng)目的（添加目標(biāo)）並配置Jenkins以識別生成的報(bào)告。 詳細(xì)的違規(guī)信息可通過專用違規(guī)頁面訪問。
• > build.xml任務(wù)掃描儀插件在代碼庫中標(biāo)識打開的任務(wù)（例如，
註釋）?？蔀樘囟夸?，文件和任務(wù)優(yōu)先級級別配置，結(jié)果顯示在項(xiàng)目視圖和“打開任務(wù)”部分。
• 詹金斯（Jenkins）充當(dāng)編排，結(jié)合了各種工具的報(bào)告，以提供全面的項(xiàng)目見解。 它廣泛的插件生態(tài)系統(tǒng)支持各種需求，包括SCSS鱗片和非PHP項(xiàng)目（Android，iOS）。 TODO
• > csslint Integration：

用於分析CSS，使用CSSLINT。 通過進(jìn)行安裝後，>已更新了一個(gè)新目標(biāo)：

然後，將此目標(biāo)添加為對主目標(biāo)的依賴性。 Jenkins的項(xiàng)目配置（“配置” - ＆gt;“報(bào)告違規(guī)”）需要添加

報(bào)告文件。 嚴(yán)重程度（太陽，多雲(yún)，暴風(fēng)雨）可配置以反映違規(guī)的數(shù)量。 違規(guī)圖和詳細(xì)信息頁面提供了視覺摘要和特定的問題位置。 sudo npm install -g csslint> build.xml

<target name="csslint" description="Run the CSSLint tool on CSS files">
  <fileset dir="${basedir}/src" id="cssfiles.raw">
    <include name="**/*.css"/>
  </fileset>
  <pathconvert pathsep=" " property="cssfiles.clean" refid="cssfiles.raw"/>
  <exec executable="csslint" output="${basedir}/build/logs/csslint.xml">
    <arg line="--warnings=box-model,floats --errors=ids,important --format=lint-xml ${cssfiles.clean}"/>
  </exec>
</target>

buildcsslint.xml> javaScript（jshint）驗(yàn)證：

jshint（更積極地維護(hù)JSlint的叉子）驗(yàn)證JavaScript代碼。 使用安裝。 使用>記者：

類似的目標(biāo)。

Jenkins配置的更新與CSSLINT相似，指向

>報(bào)告。 結(jié)果顯示在“違規(guī)圖”和“詳細(xì)信息”頁面中。 sudo npm install -g jshint jshintbuild.xml jslint

<target name="jshint" description="Run the JSHint tool on JavaScript files">
  <fileset dir="${basedir}/src" id="jsfiles.raw">
    <include name="**/*.js"/>
  </fileset>
  <pathconvert pathsep=" " property="jsfiles.clean" refid="jsfiles.raw"/>
  <exec executable="jshint" output="${basedir}/build/logs/jshint.xml">
    <arg line="--reporter=jslint ${jsfiles.clean}"/>
  </exec>
</target>

打開任務(wù)跟蹤（任務(wù)掃描儀插件）：jshint.xml>

任務(wù)掃描儀插件有助於管理代碼標(biāo)記的出色任務(wù)（例如，，TODO）。 安裝後，將其配置在Jenkins的項(xiàng)目設(shè)置中（“配置” - ＆gt;“添加後構(gòu)建操作” - ＆gt;“掃描工作區(qū)以進(jìn)行打開任務(wù)”）。 指定目錄，文件，優(yōu)先關(guān)鍵字和案例靈敏度。 結(jié)果顯示在圖表和專用??的“打開任務(wù)”部分中。 FIXME>

結(jié)論： 詹金斯的力量源於其整合各種工具的能力。 本文僅顯示其功能的一小部分，突出了其通過插件的適應(yīng)性和可擴(kuò)展性。 可能性遠(yuǎn)遠(yuǎn)超出了這裡討論的工具。

>

（為簡潔而省略了常見問題部分，因?yàn)樗诤艽蟪潭壬吓c所提供文本的上下文中的前端資產(chǎn)分析的核心主題無關(guān)。

以上是用於PHP項(xiàng)目的更有用的Jenkins插件的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！