Gulp - przydatne wtyczki

Gulp udostępnia kilka przydatnych wtyczek do pracy z HTML i CSS, JavaScript, grafiką i innymi rzeczami, jak opisano w poniższych tabelach.

Wtyczki HTML i CSS

Sr.No.	Wtyczka i opis
1	autoprefixer Automatycznie dodaje przedrostki do właściwości CSS.
2	gulp-browser-sync Służy do oglądania wszystkich plików HTML i CSS w katalogu CSS i wykonuje przeładowanie strony na żywo we wszystkich przeglądarkach po zmianie plików
3	gulp-useref Służy do zastępowania odniesień do niezoptymalizowanych skryptów lub arkuszy stylów.
4	gulp-email-design Tworzy szablony e-mail w formacie HTML, które konwertują style CSS na wbudowane.
5	gulp-uncss Optymalizuje pliki CSS i znajduje nieużywane i zduplikowane style.
6	gulp-csso Jest to optymalizator CSS, który minimalizuje pliki CSS, co skutkuje mniejszym rozmiarem pliku.
7	gulp-htmlmin Minimalizuje pliki HTML.
8	gulp-csscomb Służy do tworzenia programu formatującego styl dla CSS.
9	gulp-csslint Określa linter CSS.
10	gulp-htmlhint Określa walidator HTML.

Sr.No.	Wtyczka i opis
1	gulp-autopolyfiller Działa tak samo jak autoprefixer, który zawiera niezbędne polifile dla JavaScript.
2	gulp-jsfmt Służy do wyszukiwania określonych fragmentów kodu.
3	gulp-jscs Służy do sprawdzania stylu kodu JavaScript.
4	gulp-modernizr Określa, jakie funkcje HTML, CSS i JavaScript ma do zaoferowania przeglądarka użytkownika.
5	gulp-express Uruchamia serwer WWW gulp express.js.
6	gulp-requirejs Używa require.js do łączenia modułów AMD require.js w jeden plik.
7	gulp-plato Generuje raporty z analizy złożoności.
8	gulp-complexity Analizuje złożoność i łatwość utrzymania kodu.
9	fixmyjs Naprawia wyniki JSHint.
10	gulp-jscpd Jest używany jako wykrywacz kopiuj / wklej dla kodu źródłowego.
11	gulp-jsonlint Jest to walidator JSON.
12	gulp-uglify Minimalizuje pliki JavaScript.
13	gulp-concat Łączy pliki CSS.

Sr.No.	Wtyczka i opis
1	gulp-nodeunit Uruchamia testy jednostkowe węzłów z Gulp.
2	gulp-jasmine Służy do zgłaszania problemów związanych z wynikiem.
3	gulp-qunit Zapewnia podstawowe wyjście konsoli do testów QUnit i wykorzystuje moduł węzła PhantomJS oraz wtyczkę PhantomJS runner QUnit.
4	gulp-mocha Określa cienkie opakowanie wokół mokki i przeprowadza testy mokki.
5	gulp-karma W Gulp zostało wycofane.

Sr.No.	Wtyczka i opis
1	gulpicon Generuje sprite'y z SVG i konwertuje je do PNG.
2	gulp-iconfont Jest używany z czcionkami internetowymi do tworzenia plików WOFF, EOT, TTF z SVG.
3	gulp-imacss Przekształca pliki obrazów na identyfikatory URI danych i umieszcza je w jednym pliku CSS.
4	gulp-responsive Generuje responsywne obrazy dla różnych urządzeń
5	gulp-sharp Służy do zmiany i zmiany rozmiaru orientacji i tła obrazu.
6	gulp-svgstore Łączy pliki SVG w jeden z elementami <symbol>.
7	gulp-imagemin & gulp-tinypng Służy do kompresji obrazów, takich jak PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Służy do tworzenia spritesheet z zestawu obrazków i zmiennych CSS.

Sr.No.	Wtyczka i opis
1	gulp-less Zapewnia LESS wtyczkę dla Gulp.
2	gulp-sass Zapewnia wtyczkę SASS dla Gulp.
3	gulp-compass Zapewnia wtyczkę kompasu dla Gulp.
4	gulp-stylus Służy do przechowywania rysika w CSS.
5	gulp-coffee Zapewnia wtyczkę coffeescript dla Gulp.
6	gulp-handlebars Zapewnia wtyczkę do kierownicy dla Gulp.
7	gulp-jst Udostępnia szablony podkreślenia w JST.
8	gulp-react Określa szablony Facebook React JSX w JavaScript.
9	gulp-nunjucks Określa szablony Nunjucks w JST.
10	gulp-dustjs Określa szablony Dust w JST.
11	gulp-angular-templatecache Określa szablony AngularJS w templateCache.

Wtyczka gulp-clean usuwa pliki i foldery, a wtyczka gulp-copy kopiuje pliki ze źródła do nowego miejsca docelowego.

Sr.No.	Wtyczka i opis
1	gulp-grunt Uruchamia zadania Grunt z Gulp
2	gulp-watch Śledzi pliki po wprowadzeniu zmian.
3	gulp-notify Powiadamia o błędzie za każdym razem, gdy zadanie się nie powiedzie.
4	gulp-git Pozwala na użycie poleceń Gita.
5	gulp-jsdoc Tworzy dokumentację JavaScript dla Gulp.
6	gulp-rev Zapewnia statyczną weryfikację zasobów do nazw plików.
7	gulp-bump Zwiększa wersje w pakiecie JSON.
8	gulp-bower-files Służy do wstrzykiwania pakietów altany.
9	gulp-removelogs Usuwa instrukcje console.log.
10	gulp-preprocess Przetwarza wstępnie HTML, JavaScript i inne pliki na podstawie kontekstu lub konfiguracji środowiska.
11	gulp-duration Określa czas trwania zadań Gulp.
12	gulp-changed & gulp-newer Uruchamia zmodyfikowane pliki i nowsze pliki.
13	gulp-connect Służy do uruchamiania serwera WWW z LiveReload.
14	gulp-shell Uruchamia polecenia powłoki.
15	gulp-ssh Łączy się za pomocą zadań SSH i SFTP.
16	gulp-zip Kompresuje pliki i foldery.
17	czysta i kopiowana jednym haustem
18	gulp-filesize Określa rozmiar pliku w formacie czytelnym dla człowieka.
19	gulp-util Zapewnia narzędzia do wtyczek gulp.