Zminimalizuj narzędzie, które można wykonać za pomocą terminala

35

Szukam narzędzia lub sposób do Minify (podobny do Compress mojego kodu i tym pytaniem na stosie) cały kod w moim .xml, .css, .htmli .jspliki przez Ubuntu Terminal. W końcu skryptuję ten proces, ale w tej chwili chciałbym po prostu znaleźć coś do przetestowania. Czy istnieje narzędzie, którego można użyć do kompresji wszystkich tych formatów plików przez terminal?

command-line software-recommendation

— DᴀʀᴛʜVᴀᴅᴇʀ
źródło

2

Próbowałeś czegoś takiego tar -czvf compressed.tar.gz *.xml *.css *.html *.php?

— roadmr

1

Chcę skompresować sam kod. Coś jak CSS Minify

— DᴀʀᴛʜVᴀᴅᴇʀ

1

Więc myślę, że nie prosisz o kompresję . Kompresując zwykłe pliki (niemedialne, takie jak muzyka / filmy), bierzemy pod uwagę tylko kompresję bezstratną, ale szukasz sposobu na zminimalizowanie białych znaków (w których tracisz te dane). A ponieważ minimalizowanie jest stratne, nie można dekompresować (ponieważ nie jest odwracalne). Dla mnie to sprawia, że „niejasne jest to, o co pytasz”.

— gertvdijk

43

To nie jest najlepsza opcja, ale prawdopodobnie jest najłatwiejsza. Kompresor YUI od dawna uważany jest za najlepszy kompresor dla Javascript i CSS, oferujący 20-40% ulepszeń w stosunku do innych minifikatorów.

Od tego czasu został zastąpiony nowszymi projektami, takimi jak Uglify.JS (co prawdopodobnie zasugeruje Grunt), ale nadal dość łatwo jest uruchomić się w Ubuntu.

sudo apt-get install yui-compressor

to jest to! Teraz możesz biegać, yui-compressor myfile.jsa on wykona swoją magię, po prostu nie tak dobrze lub tak wygodnie, jak poprawnie zainstalować stos Node / Grunt / Uglify + YUI.

— Oli
źródło

15

Nie każdy, kto używa js lub css, korzysta z node.js lub wykonuje projekty node.js. Jest to kolejna platforma do nauki i konfiguracji, jeśli chcesz używać chrząknięcia. Tak chrząknięcie jest fajne. Ale teraz mamy już wystarczająco dużo do nauczenia się, zanim będziemy mogli zacząć kodować. Zatem węzeł / chrząknięcie nie zawsze jest wygodne. :) Sam spróbuję zasugerować kompresor Yui.

— Bill Rosmus

2

@BillR W pewnym sensie zgadzam się z tym sentymentem, ale chociaż nie mam żadnych projektów node.js, nadal używam rzeczy takich jak lessc i uglify.js, ponieważ są to najlepsze narzędzia do tego zadania . Nie używam Grunta, ponieważ zastąpiłem go swoim własnym oprzyrządowaniem, ale dla samej pracy nigdy nie kłębiłbym się tylko po to, aby uniknąć Węzła. Jeśli chcesz pozostać w branży, musisz być na bieżąco z najlepszymi praktykami.

— Oli

Zakładasz, że używanie węzła jest najlepszą praktyką. Może w twoim świecie, który nie jest światem wszystkich.

— Bill Rosmus,

2

Masz na mnie pięć lat, ale nie wiem o co ci chodzi ... Czy nadal używasz statycznego HTML4 z odrobiną skryptów „DHTML” i perl CGI? Nadal używasz ASP? A może zmieniłeś rzeczy, gdy udostępniono lepsze technologie? Mamy tu do czynienia z dwoma odrębnymi punktami; robi się trochę głupio. Nie obchodzi mnie, czy nie lubisz przekwalifikowywania się, ale zależy mi na tym, abyś zrozumiał, że użycie more-csspakietu NPM w celu zminimalizowania CSS jest bardziej uciążliwe niż używanie kompresora yui. To nie jest To tylko kolejne polecenie, które robi to samo lepiej.

— Oli

1

Zauważ, że dzięki tej instalacji zainstalujesz również openjkd, czego nikt nie chciałby w systemie.

— reallynice

12

Możesz łatwo zminimalizować js za pomocą węzła i uglify-js z wiersza poleceń:

zainstaluj uglify-js przy pomocy npm install uglify-js -g
Uruchom uglifyjs app-test.js > app-test.min.js

Dla css sugerowałbym przykładowe użycie clean-css (prawdopodobnie najbardziej stabilnego minizatora css na npm)
:

cleancss -o public-min.css public.css

Jeśli chodzi o html, zwykle minimalizacja nie jest zwykle warta czasu, który poświęcasz na jego konfigurację, ale próbowałem html-minifier i jest to niesamowite narzędzie.

Cokolwiek robisz, pamiętaj, aby zgarnąć to, co serwujesz.

— użytkownik2417031
źródło

1

uglify można bezpośrednio zainstalować zsudo apt-get install node-uglify

— Gery

Zauważ, że uglify-js jest przeznaczony tylko dla Javascript, a nie dla css lub innych plików.

— Jose Gómez,

2

@Gery, jeśli chcesz zainstalować uglifyrazem z apttobą, również musisz zainstalować node-legacy, więc uruchomsudo apt install node-uglify node-legacy

— mxdsp

Zauważ, że cleancssnarzędzie CLI jest teraz w clean-css-clipakiecie.

— jbg

7

Użyj minify - w przeciwieństwie do innych sugestii, to narzędzie minimalizuje znacznie więcej typów plików:

CSS     text/css
HTM     text/html
HTML    text/html
JS      text/javascript
JSON    application/json
SVG     image/svg+xml
XML     text/xml

— Dennis
źródło

Bardzo źle radzi sobie z javascript.

— Federico

2

Nie ma powodu, aby minimalizować pliki php (z wyjątkiem tego, że masz bardzo ograniczone miejsce na dysku i chcesz z niego korzystać).

Jeśli możesz dodać cel (co chcesz osiągnąć i dlaczego?), Ktoś może pokazać ci lepszy sposób.

Pliki JS i CSS są minimalizowane w czasie wykonywania i buforowane w większości projektów internetowych. Istnieje minify ( https://github.com/mrclay/minify ), „biblioteka” php, która jest w stanie to zrobić. (można również wykonać przy pomocy php z terminala)

Należy jednak pamiętać, że jeden duży plik javascript nie musi ładować się szybciej niż 5 małych plików. Jeśli potrzebujesz powodu i rozwiązania dla tego oświadczenia, spójrz na http://headjs.com/

Niech źródło będzie z tobą ...

— mondjunge
źródło

1

Poleciłbym użyć Grunt.js . Jest to narzędzie do automatyzacji, które ma minifikatory dostępne jako wtyczki i może być uruchamiane w twoim terminalu przez Node.js. Nie powinno być konieczne minimalizowanie PHP, ponieważ kod jest wykonywany po stronie serwera, a tylko jego dane wyjściowe HTML są wysyłane do klienta.

Dostępne wtyczki można znaleźć tutaj

— konapun
źródło

2

Pamiętaj, że wybór Grunta oznacza krzywą uczenia się.

— Rick-777

1

Mam dobre wyniki z Kompilatorem zamknięcia .

Kompilator zamknięcia to narzędzie do szybszego pobierania i uruchamiania JavaScript. Zamiast kompilować z języka źródłowego na kod maszynowy, kompiluje z JavaScript do lepszego JavaScript. Analizuje JavaScript, analizuje go, usuwa martwy kod i przepisuje oraz minimalizuje to, co zostało. Sprawdza także składnię, odwołania do zmiennych i typy oraz ostrzega przed typowymi pułapkami JavaScript.

Jest opracowany przez Google i napisany w Javie. Jest spakowany dla systemów opartych na Debianie closure-compileri jest łatwy do zainstalowania w systemach Ubuntu. Ponieważ nie używa GUI, wymaga bardziej lekkiego default-jre-headlesspakietu.

Jest wolniejszy niż kompresor YUI, ale wynikowy rozmiar pliku jest (nieco) mniejszy. Drukuje także przydatne komunikaty ostrzegawcze, podobne do kompilatorów dla innych języków programowania.

Dokumentacja: Pierwsze kroki

Stosowanie:

closure-compiler --js input.js --js_output_file output.js

— Anthony G - sprawiedliwość dla Moniki
źródło

Zamknięcie jest naprawdę dobre, jeśli rozpoczniesz z nim projekt i rozszerzysz obiekty w osobne pliki itp. Ale w przypadku istniejącego projektu jest to raczej okropne.

— Alexis Wilke,

-1

Inną opcją jest użycie npxpolecenia z Node.js. npxuruchamia polecenie pakietu Node.js bez jawnej instalacji.

# Minify JS
npx -p uglify-js uglifyjs -o app.min.js app.js common.js

# Minify CSS
npx clean-css-cli -o style.min.css css/bootstrap.css style.css

# Minify HTML
npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace

# XML
npx pretty-data-cli --type xml --minify input.xml > input.min.xml

— Ninh Pham
źródło