SvgSprite gulp как правильно прописать путь от корня?

Question

[Юрий Уваров]

.pipe(svgSprite({
        mode: {
            symbol: {
                sprite: "../sprite.svg",
                render: {
                    scss: {
                        dest: "C:/Users/User/Desktop/gulp/src/style/partials/sprite.scss",
                        template: "./bower_components/sprite/sprite_template.scss"
                    }
                }
            }
        }
    }))

Структура:
build
-img
src
-style
--partials

по умолчанию scss и сам спрайт выгружается в dest(build/img)
Нужно раскидать 2 файла по разным местам спрайт оставить в build/img а scss в src/style/partials

Вариант №1: (не работает, в консоли выбивает ошибку)
../../../src/style/partials/
Ошибка:

TypeError: Cannot read property 'sockets' of undefined

Вариант №2: (работает, но точно можно сделать более правильно)

C:/Users/User/Desktop/gulp/src/style/partials/sprite.scss

Подскажите, как прописать путь более грамотно?
P.S В документации самого плагина не чего не нашел, в гугл не посылать, спасибо.

Answer 1

[Макар Герасимов]

Что бы не прописывать абсолютный путь, используйте __dirname, если это необходимо.

Comments

[Юрий Уваров]

покажите пример реализации пожалуйста.
как в тот кусок кода что я показал вставить __dirname?

[Макар Герасимов]

__dirname возвращает абсолютный путь до директории в которой исполняется js файл, в вашем случае это gulpfile.js

[Юрий Уваров]

Макар Герасимов: я понял, я синтаксис не знаю gulp, как правильно прописать то?

[Макар Герасимов]

Но если честно не могу понять, зачем вам прописывать абсолютный путь, если только у вас таски не инклюдятся из другой директории в gulpfile.

Обычная реализация: dest: "src/style/partials/sprite.scss",
Если ваши таски разбиты по файлам и находятся в другой директории, отличной от той где расположен gulpfile: dest: __dirname + "src/style/partials/sprite.scss",

[Макар Герасимов]

Юрий Уваров: простите, синтаксис gulp? Это чистый js native.

[Юрий Уваров]

Макар Герасимов: dest: __dirname + "src/style/partials/sprite.scss", получается что создается папка с именем корня в build
-img
Проблема почему то в самой папке src если в ней лежит файл, помог следующий вариант:
dest:__dirname +"/../../bower_components/sprite/sprite.scss",
Положил файл в bower_components в корне, спасибо.

Answer 2

[sergey]

У меня немного по другому все организовано:

var src = {
     svgsprite: ['./src/img/icons/sprites/*.svg']
    },

gulp.task('svgsprite', function() {
    return gulp.src(src.svgsprite)
        .pipe(svgSprite(config = {
            preview: false,
            selector: "icon-%f",
            cssFile: "_svgsprite.scss",
            svg: {
                sprite: "img/sprite.svg"
            },
            dimension       : {
                maxWidth    : 32,
                maxHeight   : 32
            },
            baseSize: 32
        }))
        .pipe(gulp.dest('./src/sass'))
        .pipe(connect.reload())
});

gulp.task('svgsprite-clean', function (cb) {
    del(['./src/sass/img/sprite.svg','./src/sass/_svgsprite.scss'], cb);
});

Comments

[Юрий Уваров]

Честно сказать я делал по этому мануалу: glivera-team.github.io/svg/2016/06/13/svg-sprites-...
По другому не смог подключить таск

[sergey]

Юрий Уваров: я знаком с ним, но использую немного другой подход, скажем так - базовый