czy w 2022 opłaca się poznać i uczyć się #gulp ?
#programista15k #programownie #webdev #frontend

#gulp #frontend #webdev
Mirkowie, podpowiedzcie bo nie wiem czy to jest w ogóle możliwe. Kombinuję, ale nie wychodzi mi spięcie tego w Gulpie:

Chciałbym w mojej przeglądarce uruchomić stronę produkcyjną i wstrzyknąć lokalne pliki jedynie w celu prezentacji / podglądu.

Próbowałem gulp-inject, browser-sync

Hejo, czy jest jakaś różnica pomiędzy:
gulp.watch('dir/*.js',fn);
gulp.watch('dir/*.js).on('change',fn);

#frontend #gulp

Używam w gulpie, gulp-rev do dodawania w skompilowanym pliku losowej nazwy żeby wymusić pobranie nowej wersji. Wie ktoś jak zrobić automatycznie żeby mi podmienił w pliku html ścieżkę do nowo zapisanego pliku?

kod wygląda tak:

gulp.task('js_rev', function() {
return gulp.src("../build/app.js")Pokaż całość

Hej #webdev ,
jeśli mam jakieś wolne chwilę, to prywatnie próbuję zabawy z #gulp. Chciałbym poprosić o naprowadzenie, może wytłumaczenie "jak to działa" - nigdy nie miałem styczności z projektem z prawdziwego zdarzenia.

Powiedzmy, że konfiguruję sobie Gulp w pracy. Ogarniam w nim hierarchię src / tmp / dest. Konfiguruję kompilacje z scss, autoprefixer, minimalizację obrazów, plików etc. No i mam jakieś tam pliki.

Chciałbym projekt kontynuować w innym miejscu,Pokaż całość

Jakieś pomysły? Nie moge odpalic gulpa (╯︵╰,)
npm rebuild node-sass, npm rebuild node-sass --force, usuniecie folderu node_modules i reinstal noda <- nic z tych rzeczy nie pomogło
(webpack smiga normalnie)

#nodejs #gulp #frontend #webdev

Miał ktoś kiedyś problem z zapisem plików .scss w Visual Studio Code?

Mam folder scss a w nim plik main.scss i test.scss.
W pliku main.scss importuje plik test.scss przez @import "test"; (pliki są w tym samym folderze) i niestety gdy chce sobie napisać styl w pliku test.scss to w konsoli wyskakuje mi błąd taki jak na screenie. (plik main.scss kompiluje normalnie)
Co ciekawe odpaliłem ten sam projekt w Webstormie, Phpstormie a nawet w Notepadzie++Pokaż całość

Miraski, chcę przerobić mój customowy motyw WP pod prace z Gulpem (sassy itd). No i tak, mam 2 motywy, nazwijmy je theme oraz theme-child. No i teraz w glownym motywie mam jakies tam swoje css'y, ktore tworza glowny trzon strony. W childzie robie modyfikacje. W jaki sposob poprawnie zaimplementowac teraz obsluge sass i gulp? W glownym motywie mam kilka plikow css, kilka js. Czy powinienem je polaczyc w jeden plik przy uzyciuPokaż całość

Halo halo, potrzebne wsparcie ( ͡° ͜ʖ ͡°)

Postanowiłem sobie przetestować Visual Studio Code ale natknąłem sie niestety na pewien dość ważny dla mnie problem.
Mianowicie posiadam gulpa Z TEGO GITA i problem jest w tym że VSC nie importuje mi plików sass z innych folderów.
Tzn. mam plik src/sass/app.scss i w nim piszee @import 'test/plik'; po czym w folderze scss tworze folder "test" a w nim _plik.scss i przykladowo ustawiam w nimPokaż całość

Ogarnia ktoś gulpa? Generalnie wszystko działa poza tym że browser sync nie widzi plików css podpiętych do htmla. Gdy chce wejść w te style przez okno przeglądarki browser synca to wywala "cannot get" + ścieżka do cssów. Domyślam się że coś jest z-----e ze ścieżkami ale nie mam pojęcia co.

#gulp #javascript #naukaprogramowania #programowanie

var gulp = require('gulp');
var browserSync = require('browser-sync');Pokaż całość

Od jakiegoś czasu zastanawiam się jak najlepiej zoptymalizować ilość request'ów do plików js/css. Powiedzmy w kodzie developerskim mam 30 plików js/css, które ostatecznie chce skonkatenować/minifikować tak by, któraś z przeglądarek jak najszybciej je pobrała.

Wstępnie myślę, żeby osobno dać kobyły jak bootstrap, jquery, czy datatables natomiast custom'owe pliki tak połączyć by było ich max 10 o podobnym rozmiarze.

Ktoś, coś? Jakieś doświadczenia w tym temacie?

#webdev #frontend #Pokaż całość

Mirki (Mirabelki?) spod tagów #frontend #gulp #angularjs mam jeden problem (albo dwa w sumie) i chciałbym go przy Waszej pomocy rozwiązać. W zamian chętnie wyślę kasztany, albo przeleję na piwa, żeby nie było że poświęcicie 15 minut, a ja zgarnę 15k ( ͡° ͜ʖ ͡°)

Problem:
index.html nie aktualizuje się o moje pliki JS dla Angulara (bower + scss/cssPokaż całość

Mirki z tagu #programowanie i #webdev, kojarzycie taką bibliotekę do #gulp albo #webpack, która zmienia nazwy klas w #css, #html i #javascript na krótkie i niezrozumiałe?

Chodzi mi o zmianę ` na `. Gdzieś kiedyś coś takiego przewinęło mi się przez oczy, ale nawet nie wiem zabardzo pod jakim hasłem tego szukać.

Jest tu jakiś czarodziej od Gulpa? Bo normalnie już brak mi pomysłów ...
https://pastebin.com/0vzq4Ube / https://pastebin.com/vkeArdsN

głównie chodzi o to że niby task revReplace jest na końcu, ale i tak bierze starą wersje w przypadku css / dla taska z js wszystko jest ok ... - z góry sorry za bałagan refaktoryzacje sie zrobi jak już będzie działać ( ͡º ͜ʖ͡º)

#javascript #gulp

Mirki z #webdev i #gulp bo zaraz zwariuję. Mam aplikację angularową, browser sync i backend który chodzi sobie lokalnie. Chcę pracować nad aplikacją tak, żeby ona uderzała na backend lokalny, na innym porcie niż chodzi frontend. Próbuję z każdą dostępną konfiguracją, najsensowniej wygląda to: https://stackoverflow.com/questions/25410284/gulp-browser-sync-redirect-api-request-via-proxy ale w konsoli przeglądarki ciągle widzę 404 z requestów wysyłanych na ten sam port, na którym chodzi browser sync. Ma ktoś chwilkę żebyPokaż całość

czesc #webdev #typescript #gulp

chce uzyc typescript a wraz z nim import w klasach.. tylko, z mam problem bo nie wiem jak to ogarnąć...
w sensie samo import nie zadziała bo przeglądarki tego nie obsługują...
używam gulp'a do konwersji ts -> js

Hej Mirki,
Zaczynam się uczyć według tutoriali gulpa i nie ogarniam ;( Chciałem zrobić coś takiego:
-Mam dwa foldery (source i public)
-Gdy zmienię jakiś plik html w folderze source, gulp powinien zmienić go w folderze public.

Napisałem coś takiego (gulpfile.js):Pokaż całość

Hej Mirki!

Gdzie człowiek po kursie #frontend, samouk może szukać swojej pierwszej pracy w #krakow. Znacie może jakieś firmy, które poszukują właśnie kogoś takiego? Co do technologii, które on zna to #html, #css, #sass, #less, #javascript (z elementami #es6), #gulp, #jquery. Nawet jeśliPokaż całość