Начал работать с уже готовой сборкой и почему-то html, pug, и stylus работают, а вот js и пикчи не реагируют на изменения, помогите разобраться:
Вот это gulpfile (к нему еще идут отдельные файлы с каждым модулем, и отдельный файл с путями)
'use strict';
var gulp = require('gulp'),
gulpLoadPlugins = require('gulp-load-plugins'),
$ = gulpLoadPlugins(),
gulpIf = require('gulp-if'),
browserSync = require('browser-sync'),
reload = browserSync.reload,
plumber = require('gulp-plumber');
// PATHS
var paths = require('./gulp/paths');
console.log($);
// TASKS
function newTask(taskName, path, options) {
options = options || {};
options.taskName = taskName;
gulp.task(taskName, function(callback) {
var task = require(path).call(this, options);
return task(callback);
});
}
// BROWSER SYNC
gulp.task('server', ['styl', 'pug'], function() {
browserSync.init({
server: "./build",
port: 4400
});
});
gulp.task('watch-html', ['pug'], function () {
browserSync.reload();
});
gulp.task('watch-js', ['js'], function () {
browserSync.reload();
});
// HTML
newTask('html', './gulp/tasks/html', {
src: paths.html.src ,
dest: paths.html.dest
});
// PUG
newTask('pug', './gulp/tasks/pug', {
src: 'src/pug/*.pug',
dest: paths.html.dest
});
// STYLES
newTask('styl', './gulp/tasks/styl', {
src: 'src/styl/main.styl',
dest: paths.styl.dest
});
// IMAGES
newTask('gulp-imagemin', './gulp/tasks/compress', {
src: paths.img.src,
dest: paths.img.dest
});
// JS
newTask('js', './gulp/tasks/js', {
src: paths.js.app,
dest: paths.js.dest,
minDest: paths.js.dest
});
newTask('js:min', './gulp/tasks/minjs', {
src: paths.js.minSrc,
dest: paths.js.minDest
});
gulp.task('jsMinSync', function () {
return gulp.src('src/js/minifier/**/*.js')
.pipe(plumber())
.pipe(gulp.dest('build/js/'))
.pipe(browserSync.stream());
});
// WATCH
gulp.task('watch', function () {
// styl
gulp.watch('src/styl/**/*.styl', ['styl']);
// html
gulp.watch(['src/html/**/*.html'], ['watch-html']);
gulp.watch(['src/pug/**/*.pug'], ['watch-html']);
// js
gulp.watch("src/js/**/*.js", ['watch-js']);
});
gulp.task('default', ['js','server','watch','gulp-imagemin']);
gulp.task('build', ['copy','js','svg', 'html', 'styl', 'image:min', 'uploads:min', 'gulp-imagemin']);
Это файл с js
'use strict';
var gulp = require('gulp'),
gulpLoadPlugins = require('gulp-load-plugins'),
$ = gulpLoadPlugins(),
//HTML
include = require('gulp-file-include'),
notify = require('gulp-notify'),
debug = require('gulp-debug'),
plumber = require('gulp-plumber'),
multipipe = require('multipipe');
module.exports = function(options) {
return function() {
return multipipe (
gulp.src(options.src),
$.plumber({
errorHandler: notify.onError(function(err){
return{
title: 'js:include',
massage:err.massage
};
})
}),
include({
prefix: '@@',
basepath: '@file'
}),
$.debug({title:'js:include'}),
gulp.dest(options.dest),
$.uglify(),
$.rename({
extname: '.min.js'
}),
gulp.dest(options.minDest),
notify("JS DONE!")
);
};
};
пикчи
'use strict';
var gulp = require('gulp'),
gulpLoadPlugins = require('gulp-load-plugins'),
$ = gulpLoadPlugins(),
notify = require('gulp-notify'),
imagemin = require('gulp-imagemin'),
multipipe = require('multipipe');
module.exports = function(options) {
return function() {
return multipipe (
gulp.src(options.src),
$.imagemin()
.pipe(gulp.dest(options.dest))
);
};
};
файл с путями прикладывать не буду, там все предельно понятно