Artikel ini meneroka memperluaskan keupayaan Jenkins untuk menganalisis aset frontend (CSS dan JavaScript) dalam projek PHP. Artikel sebelumnya meliputi persediaan Jenkins dan analisis membina awal.
Takeaways utama:
build.xml
projek (menambah sasaran) dan mengkonfigurasi Jenkins untuk mengenali laporan yang dihasilkan. Maklumat pelanggaran terperinci boleh diakses melalui halaman pelanggaran khusus. TODO
Komen) dalam pangkalan kod. Boleh dikonfigurasikan untuk direktori, fail, dan tahap keutamaan tugas tertentu, hasilnya ditunjukkan pada pandangan projek dan bahagian "Tugas Terbuka". integrasi csslint:
Untuk menganalisis CSS, CSSLint digunakan. Selepas memasang melalui sudo npm install -g csslint
, build.xml
dikemas kini dengan sasaran baru:
<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>
Sasaran ini kemudian ditambah sebagai kebergantungan kepada sasaran utama build
. Konfigurasi Projek Jenkins ("Konfigurasi" -& gt; "Pelanggaran Laporan") memerlukan menambah fail laporan csslint.xml
. Tahap keparahan (matahari, mendung, ribut) boleh dikonfigurasikan untuk mencerminkan bilangan pelanggaran. Halaman Grafik dan Butiran Pelanggaran memberikan ringkasan visual dan lokasi isu khusus.
JavaScript (jShint) Pengesahan:
jshint (garpu jslint yang lebih aktif) mengesahkan kod JavaScript. Pasang dengan sudo npm install -g jshint
. Sasaran jshint
yang serupa ditambah kepada build.xml
, menggunakan wartawan 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>
Konfigurasi Jenkins dikemas kini sama seperti csslint, menunjuk kepada laporan jshint.xml
. Keputusan dipaparkan dalam halaman Grafik dan Butiran Pelanggaran.
Penjejakan Tugas Terbuka (Plugin Pengimbas Tugas):
Plugin Pengimbas Tugas membantu menguruskan tugas -tugas yang ditandai dalam kod (mis., TODO
). Selepas pemasangan, konfigurasikannya dalam tetapan projek Jenkins ("Konfigurasi" -& gt; "Tambah Tindakan Post -Build" -& gt; "Scan Workspace untuk Tugas Terbuka"). Tentukan direktori, fail, kata kunci keutamaan, dan kepekaan kes. Keputusan ditunjukkan dalam graf dan bahagian "Tugas Terbuka" yang berdedikasi. FIXME
Kesimpulan:
kuasa Jenkins berpunca dari keupayaannya untuk mengintegrasikan pelbagai alat. Artikel ini hanya mempamerkan sebahagian kecil daripada keupayaannya, menonjolkan kebolehsuaian dan kebolehpercayaannya melalui plugin. Kemungkinan melangkaui alat yang dibincangkan di sini.
(bahagian Soalan Lazim yang ditinggalkan untuk keringkasan, kerana ia sebahagian besarnya tidak berkaitan dengan topik teras analisis aset frontend dalam konteks teks yang disediakan.)
Atas ialah kandungan terperinci Plugin Jenkins yang lebih berguna untuk projek PHP. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!