Вопрос общий, но конкретно меня интересует компиляция конкретных файлов js под gulp.
Смотрите, есть такая структура папки js
:
_js
gallery_logic.js
hello_logic.js
На выходе хочу получить минимизированную версию каждого файла, типа такого:
js
gallery_logic.min.js
hello_logic.min.js
Почему такую структуру, а не просто сконкатинировать в один файл и сжать? Раньше я так и делал, но решил избавиться от этого, поскольку под каждую структуру буду пихать соответствующий файл js.
Мне показалось это удобным, кому как, но задача именно такая.
Но это ещё не вся задача.
Есть таск gulp, который называется watch
, он следить за файлами и при изменении в них, запускает соответствующий таск. Вот он:
gulp.task('watch', function() {
gulp.watch('assets/_js/*.js', ['js']);
});
А вот и сам таск js
:
gulp.task('js', function() {
gulp.src(['assets/_js/*.js'])
.pipe(concat())
.pipe(babel())
.pipe(gulp.dest('assets/js'))
});
Что эти два таска делают:
watch
смотрит за изменениями файлов (всех, так как в поисковой строке указана *), как я уже сказал.- А таск
js
конкатинирует все файлы в папке (тоже - виной этому звездочка в запросе), сжимает пакетомbabel()
и выдает в папкуassets/js
.
Вроде всё прекрасно, но это не выполняет моим требованием, так как я хочу, чтобы каждый файл компилировался отдельно и выдавался отдельно.
И вот, собственно, подошли к вопросу и проблеме. Как я понял, можно выйти из этого положения, если найти способ передать путь измененного файла из таска watch
в таск js
, чтобы сформировать путь до файла, который нужно сжать и переименовать, и положить в папочку js
.
И я не понимаю, как передать этот путь из таска watch
.
Буду благодарен, если подскажете.
minify
, почему вы не хотите так сделать? Кто вас заставляет изменять таскjs
?minify
? Почему он так называется? Функцию сжатия выполняетbabel()
. И чем этот новый таск будет отличаться от таскаjs
? Если ты думаешь, что это решит мою проблему, предложи код в ответе просто.