When used with gulp watch all js files are being rebuilt

When webpack-stream is used in a gulp watch task it rebuilds all files, resulting in slow compile time.

This is my gulpfile with all webpack settings within:

var gulp = require('gulp'),
    util = require('gulp-util'),
    sass = require('gulp-sass'),
    webpack = require('webpack');
    webpackStream = require('webpack-stream');

gulp.task('webpack', function () {
    return gulp.src('./build/scripts/entry.js')
        .pipe(webpackStream({
            entry: './build/scripts/entry.js',
            output: {
                path: __dirname + '/public/scripts',
                filename: 'bundle.js'
            },
            resolve: {
                extensions: ['', '.webpack.js', '.web.js', '.js', '.ts']
            }
        }, webpack, function (err, stats) {
            console.log(stats.toString({ colors: true }));
        }))
        .pipe(gulp.dest('./public/scripts'));
});

gulp.task('scss', function () {
    return gulp.src('./build/styles/**/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('./public/styles'));
});

gulp.task('watch', function () {
    gulp.watch('./build/scripts/**/*.js', ['webpack']);
    gulp.watch('./build/styles/**/*.scss', ['scss']);
});

If I just use webpack --watch, only the edited file will be rebuilt, not working with above gulp webpack-stream.

[aventic]

@jswny If I run my task webpack it will build my files, if I add watch: true, then I can’t run multiple task etc: gulp.task('build', ['webpack', 'styles']);. It will still be in watch mode and not execute following tasks. Makes sense?

But I found a way, if I do a simple gulp watch and watch my files instead of adding watch: true I will achieve what I want. Just got confused by the whole, where to watch as the readme had an example to use it inside my webpack config.

[aventic]

I dont know if it’s fixed, definitely required some workaround and alot of fiddle. I’m closing for now, hopefully others who end in my struggle can learn from this 😃