Как динамически изменять пути в gulp?

Question

[vasIvas]

src/
    a-module/
            css/
            js/
            html/
            sass/
            ts/
            jade/
    b-module/
            css/
            js/
            html/
            sass/
            ts/
            jade/

Возможно ли при компиляции задавать динамические пути так, чтобы препроцессоры из модуля "а" компилировало в модуль "а", а из "b" в "b"?

Answer 1

[yaroslavgrishajev]

Если не ошибаюсь, то достаточно просто указать путь типа 'src/**/*.*'

Пересмотрел вопрос :)
Плагин gulp-rename делает то, что Вам нужно. Там в документации это описано: можно на лету поменять путь указанный в gulp.src (например заменить sass на css).

У меня это выглядело вот так:

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    rename = require('gulp-rename');

gulp.task('sass', function () {
    gulp.src('./src/**/*.scss') 
        .pipe(sass({
            includePaths: ['./src/']
        }))
        .pipe(rename(function(path){

                // path.dirname = 'module-a(b)/sass' - это то, что задано в gulp.src
        	path.dirname = path.dirname.replace( "sass", "css" );

                // path.dirname = 'module-a(b)/css' - а теперь мы поменяли так, как нам нужно
        	return path; 
		  }))
        .pipe(gulp.dest('./src/')); // и тогда все сложится в src/module-a(b)/css - в нужную папку модуля
});

gulp.task('default', ['sass']);

Но там уже как душе угодно можно плясать.

Comments

[Евгений Соловьёв]

И .pipe(gulp.dest('src'))

[vasIvas]

suenot: нет так не получится. Мне нужно чтобы при компиляции "b-module/ts/file.ts" файл скомпилировался в "b-module/js/file.js", а при "а-module/ts/file.ts" файл скомпилировался в "а-module/js/file.js"

[yaroslavgrishajev]

В общем, такой вот gulpfile.js делает то, о чем вы пишете (если я правильно все понял). :

var gulp = require('gulp'),
sass = require('gulp-sass');

gulp.task('sass', function () {
gulp.src('./src/**/*.scss')
.pipe(sass({
includePaths: ['./src/']
}))
.pipe(gulp.dest('./build/'));
});

gulp.task('default', ['sass']);

Вот скриншот файловой системы prntscr.com/8rw9gf

[vasIvas]

yaroslavgrishajev: да не сделает, как Вы не поймете. И объяснять я не буду потому что это будет обучение а не объяснение. И скрины можно в страницу вставлять. Я не хожу по ссылкам.

[vasIvas]

yaroslavgrishajev: я не вижу помощи. Код который Вы показали я пишу почти каждый день и знаю как он выполнится и знаю что выполнится не так. А чтобы это доказать Вам я должен идти хер его знает по какой ссылке, где хрен его знает что лежит. Это помощь?

[vasIvas]

yaroslavgrishajev: о*ть, Вы даже не поняли что я спрашиваю, даже после того, как я ещё пример привел, но беретесь судить об отсутствии проблемы.

[yaroslavgrishajev]

Славик лошара)) я и правда не досмотрел, сори)

[yaroslavgrishajev]

отредактировал ответ

[vasIvas]

yaroslavgrishajev: Вы не понимаете опять :) Мне не нужно изменить расширение, мне нужно поменять путь. Посмотрите повнимательней, но только не на расширения их компилятор меняет. Все короче не пишите больше. Я объясняя Вам уже пи*ц сколько время потерял. Включаю игнор.

[yaroslavgrishajev]

неа, теперь вы не понимаете:) я меняю не расширение. меня это уже тоже порядком достало. но чисто ради принципа поясню:
объект path имеет 3 свойства: dirname, basename и extname. я меняю не разрешение (extname), а относительный путь от базовой директории которая устанавливается через gulp.src (basename). Просто в моем примере scss файл лежат в папке sass и складываются в папку css рядом с этой папкой - поэтому я заменяю в пути sass на css и это именно ПУТЬ, а НЕ РАСШИРЕНИЕ.

В общем, лучше посмотрите пример и разберитесь. Вы не первый у кого возникает подобный вопрос.

[sim3x]

vasIvas: человек все правильно написал

[vasIvas]

sim3x: что правильно? Он из src/css/file.sass в build/css/file.css переложил и даже скрин показал. А тратить на объяснение несколько часов у меня нет возможности.

[vasIvas]

я не могу эту тему удалить.. удалил бы и забыл, но не могу.

[yaroslavgrishajev]

да, ярко получаеться)) короче, чел, тебе с таким отношением вообще не понятно, как можно что-то обьяснить))

[vasIvas]

yaroslavgrishajev: Вы видите блин мой пример? У меня одна папка src и в ней модули. И мне не неужно из модуля А в модель В, мне нужно из A.css в A.sass, а из B.css в B.sass, при том что в gulp.src('./src/**/*.sass'). Понимаете? Разве Вы об этом?

[yaroslavgrishajev]

..... в общем, вот скрин до: prntscr.com/921frf
вот скрин после: prntscr.com/921g53

Все компилируется в рамках каждого модуля:
файл a-module > sass > style_1.scss компилируется в a-module > css > style_1.css
а файл b-module > sass > style_b.scss компилируется в b-module > css > style_b.css

На сколько я понял, это то, что нужно было.

[vasIvas]

yaroslavgrishajev: спасибо и ещё раз спасибо за терпение моей упертости :)
Вот Вы показали скрин и я задумался, а как Вы так сделали... Поднялся наверх и увидел что ответ изменен. Я честно сказать только сейчас увидел о rename. Раньше я сразу на сообщения переходил по ссылке и ответ не видел..

[yaroslavgrishajev]

что ж, рад, что так разрулилось:)