gulp svg sprite zmiana nazwy pliku svg
Wyniki 1 do 3 z 3

Temat: gulp svg sprite zmiana nazwy pliku svg

  1. #1
    Wyjadacz
    Dołączył
    03-12-2007
    Skąd
    Lublin
    Wpisy
    682
    Punkty
    48

    Domyślny gulp svg sprite zmiana nazwy pliku svg

    Na wstępie powiem że Gulp nie jest moją mocną stroną i ciągle się uczę jak to stosować i jak ułatwić sobie pracę.

    Dlatego zwracam się do osób które są biegłe w temacie. Otóż mam projekt w którym jest sporo ikonek svg do użycia. By zmniejszyć ilość zapytań postanowiłem użyć sprite. Moim zdaniem najłatwiejszy sposób.
    Dlatego też zrobiłem takie zadania gulp:
    Kod:
    var gulp = require('gulp'),
    svgSprite = require('gulp-svg-sprite');
    
    var config = {
        dest: '.',
        mode: {
            css: {
                dest : '.',
                sprite : 'sprite.svg',
                render: {
                    css : {dest : 'css/sprite.css'},
                    scss: {
                        dest : './sass/_sprite.scss'
                     }
                }
            }
        }
    };
    
    gulp.task('svg', function () {
        return gulp.src('./img/*.svg')
            .pipe(svgSprite(config))
            .pipe(gulp.dest('./temp/'))
    });
    Z tego co zrozumiałem z dokumentacji pliksprite.svg powinien się zapisać jako sprite.svg a tym czasem zapisuje się jako sprite-<znaki>.svg
    Czy jest ktoś w stanie mi powiedzieć jaki błąd popełniłem? Czy może czegoś nie zrozumiałem z dokumentacji.

    na koniec oczywiście
    "gulp": "^3.9.1",
    "gulp-svg-sprite": "^1.5.0"

    Z góry dzięki za podpowiedź

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    A gdzie Ci to ma zadziałać? W pracy nad szablonem czy w działającym szablonie? Bo to funkcja obsługująca przetwarzanie scss-a na css.
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  4. #3
    Wyjadacz
    Dołączył
    03-12-2007
    Skąd
    Lublin
    Wpisy
    682
    Punkty
    48

    Domyślny

    W pracy nad szablonem. Nie do końca jest to funkcja przetwarzająca scss na css.
    Jest to bardzo łatwy sposób wykonania sprite z wielu svg. Wskazując folder w którym znajdują się pliki svg, u mnie to głównie małe ikony.

    Zadanie Gulp ładnie wykonuje z tego sprite.svg do tego wyrzuca plik .css i .scss. W dalszej części w innym zadaniu plik scss jest prze zemnie dołączany do głównego pliku template.scss a następnie za pomocą gulpa z wielu plików scss składam jeden plik css. Mniej zapytań do serwera to zawsze na plus tak uważam.

    Wszystko działa ładnie i bardzo przyśpiesza mi pracę nad szablonem. Jednak sam plik sprite.svg chciałem jeszcze wykorzystać w innym miejscu ale w tym samym projekcie dlatego zależało mi aby jego nazwa była sprite.svg a nie jak teraz np. sprite-acef22e5.svg W chwili dodania lub zmiany jakiejkolwiek ikonki w głównym folderze z mediami /img, wówczas nazwa pliku sprite.svg się zmienia.
    Dlatego też szukam informacji jak zrobić aby ta nazwa pliku wyjściowego svg była zawsze taka sama.

Podobne tematy

  1. SVG czy da się użyć w artykułach?
    przez rkonik na forum Optymalizacja i wydajność
    Odpowiedzi: 6
    Ostatni post/autor: 24-06-2018, 12:50
  2. Zmiana ścieżko do szablonu i zmiana nazwy szablonu
    przez michal1233 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 1
    Ostatni post/autor: 16-08-2016, 14:40
  3. Zmiana nazwy spisu treści
    przez softkom na forum Administracja Joomla!
    Odpowiedzi: 5
    Ostatni post/autor: 19-03-2008, 00:44
  4. Sprite... i pragnienie nie ma szans ;)
    przez pan_maska na forum Off topic
    Odpowiedzi: 9
    Ostatni post/autor: 16-04-2007, 04:18
  5. Zmiana nazwy katalogu administroator
    przez lyric na forum Administracja Joomla!
    Odpowiedzi: 3
    Ostatni post/autor: 08-12-2006, 17:05

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •