nowych technologii

gulp

@qwertyu: :DDD

@qwertyu: Na pewno jest coś takiego do bowera, nazywa się wiredep. Do npm też być może jest, każda paczka ma plik package.json który zawiera wpis "main",, wystarczy go odczytać.

@qwertyu: W sumie to z tego co widzę po internecie (hasło "wiredep for npm") to jednym z proponowanych rozwiązań jest użycie webpacka. Myślę, że by się sprawdził w sumie.

wyeksportować wszystko do svg, wrzucić jako img, a na końcu tylko podmieniać na inline?

https://snippetlib.com/jquery/replace_all_svg_images_with_inline_svg

@TwigTechnology:

https://github.com/jonathantneal/svg4everybody
https://github.com/iconic/SVGInjector

@razor535: może @AB47

@razor535: Na sto procent mam. Pisz pw

@kavillock: gulp.watch

@takecare: gulp daje zdecydowanie wiecej mozliwosci i kontrol nad flowi, wykorzystuje node'owe vinyl streams. Zreszta teraz na czasie jest juz webpack :)

@MJToshi: jeśli chodzi o webdev/frontend, to windows jak dla mnie to jakiś koszmar, jak nie potrzebujesz photoshopa to spróbuj utworzyć sobie jakieś środowisko linuxowe(np jako drugi system)

@niezielony: znowu nasadziłem błędów. Spróbuj z tym.

@niezielony: Gulp-a i Grunt-a w starszych projektach. Oba mają swoje zakamarki, nie powiedziałbym, że któryś jest jakoś wyraźnie lepszy. Gulp jest nieco szybszy i code-over-configuration, więc dla mnie wygrywa.

Wybieram: Pikachu

@karid: https://github.com/dope/gulp-starter

może ?

@karid: https://github.com/ryanbenson/Harvest

JWTAuth

@anghelus: rozdziel sourc i vendor, vendory CSS nie musisz komilować za każdym razem tylko jak dodasz cos do bowera, a swoje źródłowe CSSy może kompilować szybciej w osobnym tasku wrzuconym do watch

Pokaż spoiler

@mathix: A, można powiedzieć że coś takiego jest. Mozesz zwyczajnie zrobić if w kodzie, albo użyć też gulp-if i sprawdzać jaki parametr przeslales

@mathix: To raczej pełna dowolność, gulp zupełnie nie narzuca nic od siebie, patrzyłeś jak inni trzymają swoje configi? Ja mam osobne taski do dev i prod.

@Tojtek: albo to optymalizacja na poziomie NASA/NSA, albo coś jest nie tak. W krótszym czasie kilkadziesiąt zdjęć swojego czasu (ładnych parę lat temu) dało się bez problemu zoptymalizować.

@Tojtek: Jak porównywałem z serwisami online do kompresji bezstratnej to im schodziło jeszcze więcej czasu xD no i zazwyczaj max 20 obrazków i każdy osobno musiałem pobierać. Także bez sera xd

@le1t00:

1.
gulp.watch(path+'/**/*.scss', ['styles']);
gulp.watch(path+'/*.scss', ['styles']);

to jest bez sensu, watch z 1 linii obserwuje zmiany w folderze style i wszystkich subfolderach, więc po co druga linia? To raz, a dwa, że śledzisz zmiany w tasku watch i dodatkowo w browser-sync jest ten sam kod

2. gulp-plumber używasz tylko przy stylach a jest on tu niepotrzebny w sumie. Też miałem kiedyś problem z gulp-sass, że zatrzymywał cały task przy jakimkolwiek błędziePokaż całość

@le1t00: Zamiast
'src/**/*.jpg','src/**/*.gif','src/**/*.jpeg'] możesz dać src/**/*.{jpg,jpeg,gif}
gulp.watch(path+'/**/*.scss', ['styles']);
gulp.watch(path+'/*.scss', ['styles']);
1. parametr może być tablicą globów, czyli to może być 1 watch

Możesz używać gulp-load-plugins, żeby nie require-ować każdego pluginu oddzielnie

26. linia .on('end', cb).on('error', cb) chyba niepotrzebne

@le1t00: nie chce mi się poprawiać twojego, ale widzę, że używasz podobnych rzeczy co ja możesz ogarnąć jak ja to zrobiłem https://gist.github.com/ald890/23e37791388978191b9c

http://pastebin.com/3FdzfCjq @le1t00: Odpal to nodem

@le1t00: Przynajmniej dzięki tobie wiemy, że Windows dalej nie nadaje się do programowania ( ͡° ͜ʖ ͡°)

@le1t00: a czy czasem plaginy nie zapisują Ci się do package.json? Przy instalacji pluginów wybieraj opcję --save. Później przy innym projekcie kopiujesz sobie ten package.json i dajesz npm install i samo Ci dociagnie co trzeba, ale moge się mylić xD

@le1t00: Po to masz npm żeby ono się martwiło kod wtyczek gulpa. Wszystkie używane wtyczki powinieneś mieć w pliku package.json wtedy kiedy zaczynasz nowy projekt, kopiujesz tam tylko gulp.js i package.json i instalujesz wszystko co potrzebne poleceniem: *npm install*

https://travismaynard.com/writing/getting-started-with-gulp