In diesem Artikel werden die Funktionen von Jenkins zur Analyse von Frontend -Assets (CSS und JavaScript) innerhalb von PHP -Projekten untersucht. Frühere Artikel behandelten Jenkins Setup und Erstbauanalyse.
Key Takeaways:
build.xml
(Hinzufügen von Zielen) und das Konfigurieren von Jenkins, um die generierten Berichte zu erkennen. Detaillierte Verstößeninformationen sind über eine dedizierte Verstößenseite zugänglich. TODO
Kommentare) innerhalb der Codebasis. Konfigurierbar für bestimmte Verzeichnisse, Dateien und Aufgabenprioritätsstufen. Die Ergebnisse werden in der Projektansicht und in einem Abschnitt "Open Tasks" angezeigt. csslint -Integration:
Um CSS zu analysieren, wird CSSlint verwendet. Nach der Installation über sudo npm install -g csslint
wird der build.xml
mit einem neuen Ziel aktualisiert:
<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>
Dieses Ziel wird dann als Abhängigkeit zum Hauptziel hinzugefügt. Jenkins 'Projektkonfiguration ("Konfigurieren" -& gt; "Berichtsverstöße") erfordert das Hinzufügen der Berichtsdatei build
. Die Schweregradniveaus (Sonne, bewölkt, stürmisch) können konfiguriert werden, um die Anzahl der Verstöße widerzuspiegeln. Die Seite "Verstöße gegen die Details" enthält visuelle Zusammenfassungen und spezifische Ausgabenstandorte. csslint.xml
JavaScript (jStint) Validierung:
JSHINT (eine aktiver gepflegte Gabel von JSlint) bestätigt den JavaScript -Code. Mit installieren. Ein ähnliches sudo npm install -g jshint
-Ziel wird jshint
mit dem build.xml
-Reporter hinzugefügt: 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>
zeigt. Die Ergebnisse werden auf der Seite "Verstöße gegen die Details" angezeigt. jshint.xml
Aufgabenverfolgung öffnen (Task -Scanner -Plugin):
Das Task -Scanner -Plugin hilft bei der Verwaltung hervorragender Aufgaben, die im Code gekennzeichnet sind (z. B. TODO
, FIXME
). Konfigurieren Sie nach der Installation es in den Projekteinstellungen von Jenkins ("Konfigurieren" -& gt; "Action nach dem Bau hinzufügen" -& gt; "Scan -Arbeitsbereich für offene Aufgaben"). Geben Sie Verzeichnisse, Dateien, Prioritäts -Schlüsselwörter und Fallempfindlichkeit an. Die Ergebnisse werden in einem Diagramm und einem dedizierten Abschnitt "Open Tasks" angezeigt.
Schlussfolgerung:
Jenkins 'Kraft ergibt sich aus der Fähigkeit, verschiedene Tools zu integrieren. Dieser Artikel zeigt nur einen Bruchteil seiner Fähigkeiten, wodurch seine Anpassungsfähigkeit und Erweiterbarkeit durch Plugins hervorgehoben wird. Die Möglichkeiten gehen weit über die hier diskutierten Tools hinaus.
(Der häufig gestellte Fragen wird für die Kürze weggelassen, da er weitgehend nicht mit dem Kernthema der Frontend Asset -Analyse im Kontext des bereitgestellten Textes zu tun hat.)
Das obige ist der detaillierte Inhalt vonWeitere nützliche Jenkins -Plugins für PHP -Projekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!