Minifizieren und join CSS & JS-Dateien unter linux, server-Seite

In meinem Projekt, zum Beispiel, habe ich diese Struktur:

/public/js/src/ /* many jquery plugins there */
/public/css/src/ /* many css files there, that describe different things */

Nachdem änderungen vorgenommen wurden, möchte ich zu geben in der Kommandozeile etwas wie:

root@hostname:/var/www/test/public# ./build

würde, erzeugen zwei Dateien:

/public/css/build.css - all files from /public/css/src/ folder with minified source
/public/js/build.js - all files from /public/js/src folder with minified source

Für den moment bin ich mit weniger css, die auf die Knoten. Ich hätte gerne ein Skript, die alles tun wird, für css als für javascript. Könnten Sie bitte beraten, der beste Weg zu "bauen", dev-source-javascript & css-Dateien?

InformationsquelleAutor avasin | 2012-07-01
  1. 6

    Können Sie YUI Compressor. Ich bin sicher, es ist auch für Linux verfügbar.
    Es funktioniert von der Kommandozeile aus. Lesen Sie hier , wie es funktioniert.

    Beispiel:

    java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8

    Ich bin sicher, Sie können setup ein einfaches Bash-script, der ausgeführt wird, zwei Befehle, einer für CSS und eine für JS durch die Verwendung von Parametern als Eingabe.

    • Yep, YUI Compressor funktioniert Super überall (Linux, Mac..)
    InformationsquelleAutor George Katsanos
  2. 3

    YUI-Compressor ist als ein Paket in jeder Ubuntu-version.

    apt-get install yui-compressor

    Hoffe es hilft

    InformationsquelleAutor Pawel
  3. 2

    Können Sie die Verwendung von Apache ANT und YUI Compressor, um Ihre eigenen build-Prozess. Sie können minifizieren alle Ihre JS und CSS-Dateien mit einem einzigen Befehl.

    BEARBEITEN: wenn Sie ein Beispiel-Projekt versuchen H5bp die ant-build-Skripte http://html5boilerplate.com/

    InformationsquelleAutor Rayraegah
  4. 2

    Ich weiß, das ist eine alte Frage, aber für diejenigen, die immer hier über Google. Sie können leicht mit Kompass für diese.

    compass compile --output-style compressed --force

    Mehr info: http://compass-style.org/help/tutorials/production-css/

    InformationsquelleAutor Barry Kooij
  5. 1

    Verwenden ACCSS für die css-Komprimierung, seine Kompressionsrate ist besser als YUI-Kompressoren und seiner in c geschrieben mit automake-installation, so ist es tragbar zu fast jedem system.

    Wie oben, können Sie ein shell-Skript zu kombinieren weniger und accss. accss-support-Lesen von stdin, so können Sie kombinieren Sie mit

    lessc styles.less | accss > out.css

    Es hat auch andere wiederum die Kompatibilität Optionen, vor allem für den Internet Explorer.

    https://github.com/acwtools/accss

    InformationsquelleAutor Yuri Okada
Schreibe einen Kommentar