Почему gulp не подгружает js автоматически?

Question

[Samalamadoit]

Сделал сборку на gulp. Все работает с CSCC и нормальное подгружает стили в './build/css/main.min.css' , но не подгружает js. Что бы он загрузил последнюю версию кода, надо перезапускать gulp через консоль.

const gulp = require("gulp"); //gulp
const concat = require("gulp-concat"); //обьединение проектов
const autoprefixer = require("gulp-autoprefixer"); //добавляет префиксы
const cleanCSS = require('gulp-clean-css'); //минификация css
const uglify = require('gulp-uglify'); //минификация js
const del = require('del'); //обновление файлов
var browserSync = require('browser-sync').create(); // сервер
const sass = require('gulp-sass');
const rename = require('gulp-rename');
const notify = require('gulp-notify');

// порядок загрузки
const jsFiles = [ 
    './src/js/lib.js',
    './src/js/main.js'
]

function styles() {
	return gulp.src('./src/scss/**/*.scss')
		.pipe(sass({
			outputStyle: 'expanded'
		}).on("error", notify.onError()))
		.pipe(rename({
			suffix: '.min'
		}))
		.pipe(autoprefixer({
			cascade: false,
		}))
		.pipe(cleanCSS({
			level: 2
		}))
		.pipe(gulp.dest('./build/css/'))
		.pipe(browserSync.stream());
}

function scripts() {
    return gulp.src('./src/js/**/*.js')
        .pipe(concat('all.js'))
        .pipe(uglify({
            toplevel: true,
        }))
        .pipe(gulp.dest('./build/js'))
        .pipe(browserSync.stream());
}


// автообновление
function watch() {

    browserSync.init({ //запуск сервака
        server: {
            baseDir: "./"
        },
        tunnel: false, // создание доступного СЕРВЕРА на своем компе. см КМ tunnel
    });

    gulp.watch('./src/scss/**/*.scss', styles); // следим за css
    gulp.watch('./src/js/**/*.js', styles); // следим за js
    gulp.watch('./*.php', browserSync.reload); // следим за html
}

function clean() {
    return del(['build/*'])
}

gulp.task('scripts', scripts);
gulp.task('styles', styles);
gulp.task('watch', watch);

gulp.task('default', gulp.series(clean, gulp.parallel(scripts, styles), 'watch' ));

Answer 1

[WapSter]

Так ты в вотчере следишь за js, а функцию используешь для стилей.

Comments

[Samalamadoit]

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