用Gulp+webpack开发html5前端，开发时每次修改了.js/.html文件都需要重新gulp一次，太花费时间了！

Question

在webstorm用gulp+webpack搭建纯html5的前端开发，但是每次修改了一点点代码想看效果时，又必须要重新执行下gulp（打包压缩），要花去30s左右，太影响开发效率了！
请教下，如何做到，修改了如.js/.css，直接CTRL+F5刷新就立马有效果~~~
跪谢！

Answer 1

gulp本身就有watch.再加wenpack的hot replace

Answer 2

gulp有个watch,每次修改就可以自动运行函数

Answer 3

gulp watch: https://www.npmjs.com/package/gulp-watch

安装

npm install --save-dev gulp-watch

使用

var gulp = require('gulp'),
    watch = require('gulp-watch');
 
gulp.task('stream', function () {
    // Endless stream mode 
    return watch('css/**/*.css', { ignoreInitial: false })
        .pipe(gulp.dest('build'));
});
 
gulp.task('callback', function () {
    // Callback mode, useful if any plugin in the pipeline depends on the `end`/`flush` event 
    return watch('css/**/*.css', function () {
        gulp.src('css/**/*.css')
            .pipe(gulp.dest('build'));
    });
});

Answer 4

你应该看一下到底是哪里的耗时最多，如果是压缩的话，可以在开发的之后不进行压缩，最后部署的时候再进行。可以试试gulp-changed