Creé un proyecto con gulp js, instalé bootstrap, browser-sync y sass.
Mi archivo gulpfile.js se ve así:
var gulp = require('gulp'); var browserSync = require('browser-sync').create(); const sass = require('gulp-sass')(require('sass')); gulp.task('sass', () => { return gulp.src("./sass/*.scss") .pipe(sass()) .pipe(gulp.dest("dist/")) .pipe(browserSync.stream()); }); gulp.task('start', gulp.series('sass', function() { browserSync.init({ server: "./" }); gulp.watch("sass/*.scss", gulp.series('sass')); gulp.watch("./*.html").on('change', browserSync.reload); })); gulp.task('default', gulp.series('start'));Cuando uso el comando Ctrl + S en archivos HTML y SCSS, mi proyecto se guarda y el navegador se vuelve a cargar; pero quiero hacer esto también para mis archivos JS. ¿Me puedes ayudar?
Muy similar a la forma en que maneja su css, pero puede usar otros complementos como terser para comprimir su javascript. Aquí está mi función js que concatena y minimiza mi javascript antes de volver a cargar a través de browsersync
const concat = require('gulp-concat'); const terser = require('gulp-terser'); function js() { return src(['./js/*.js']) .pipe(concat('scripts.min.js')) .pipe(terser()) .pipe(dest('js')) .pipe(browsersync.stream()); }