この記事では、PHPプロジェクト内のフロントエンド資産(CSSおよびJavaScript)を分析するためのJenkinsの機能を拡張することを調査します。 以前の記事では、Jenkinsのセットアップと初期ビルド分析について説明しました
キーテイクアウト:Jenkinsは、CSSLINTやJSHINTなどのプラグインをそれぞれレバレッジして、それぞれCSSとJavaScriptを分析します。 Jenkinsサーバーにインストールされているこれらのプラグインは、違反のコードを調べ、違反グラフで視覚化されています。
csslintとjshintの統合には、プロジェクトのbuild.xml
TODO
ターゲットへの依存関係として追加されます。 Jenkinsのプロジェクト構成( "configure" - > "レポート違反")には、レポートファイルを追加する必要があります。 重大度レベル(太陽、曇り、嵐)は、違反の数を反映するように構成できます。 違反のグラフと詳細ページは、視覚的な要約と特定の問題の場所を提供します。
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>
build
jshint(より積極的に維持されているjslintのフォーク)は、JavaScriptコードを検証します。 csslint.xml
でインストールします。 同様の
に追加され、レポーターを使用してください:
jenkins構成は、
sudo npm install -g jshint
jshint
build.xml
オープンタスクトラッキング(タスクスキャナープラグイン):jslint
タスクスキャナープラグインは、コードでマークされた未解決のタスクを管理するのに役立ちます(例:TODO
、FIXME
)。 インストール後、Jenkinsのプロジェクト設定( "configure" - &gt; "Add Build Action" - &gt; "Scan Workspace for openタスク")内で構成します。 ディレクトリ、ファイル、優先キーワード、およびケースの感度を指定します。 結果は、グラフと専用の「オープンタスク」セクションに示されています。
結論:
ジェンキンスのパワーは、さまざまなツールを統合する能力に由来しています。 この記事では、その機能のほんの一部のみを紹介し、プラグインを介した適応性と拡張性を強調しています。 可能性は、ここで説明するツールをはるかに超えています (提供されたテキストのコンテキスト内でのフロントエンドアセット分析のコアトピックとはほとんど関係のないため、しばしば尋ねられる質問セクションは簡潔に省略されています。以上がPHPプロジェクトのためのより便利なJenkinsプラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。