Как сделать task компиляции js правильно?

Question

[MRcracker]

Здравствуйте. Использую gulp + browserSync. Появилась проблема при минифцировании js файлов с использованием es6 и обновлении js файлов. При обновлении файлов приходится перезапускать постоянно gulp, что очень неудобно. Подскажите как написать такс, который будет автоматически сжимать js и обновлять страницу. Большое спасибо

Answer 1

[Матвей Феникс]

Вот пример моей сборки https://github.com/mtvphnx/gulp-start. Там есть раздел для слежения за изменениями и перезагрузки.

Сам вотчер:

function watch() {
    gulp.watch('путь', 'таск');
}

Командой start запускаем сборку, после того, как сборка прошла - запускается вотчер и сервер, если вотчер увидел изменения в папке, за которой мы следим - выполняется нужный таск, к примеру для минификации js.

Comments

[MRcracker]

Подскажите, как сжать js файлы со стандартом es6. Пробовал babel, но он не сработал

[Матвей Феникс]

Я поставил вот этот плагин, https://www.npmjs.com/package/gulp-babel и вызывал его, как указано в инструкции, в своем таске, где у меня обрабатывается js:

[Матвей Феникс]

Чтобы сжимать полученный файл - следующая, после выделения на скрине, строчка. Ну и предварительно поставленный в сборку https://www.npmjs.com/package/gulp-uglify

[MRcracker]

Матвей Феникс, а что делать то, когда js не один файл, а например, 50? тогда просто обновляются все файлы когда обновлешь один и пк зависает