webpack + gulp + nodemon - 来自watch任务的配置

时间:2016-10-13 15:50:41

标签: angularjs gulp webpack nodemon

我的项目陷入困境。我正在使用gulp + webpack来编译客户端。在开发阶段,我想使用nodemon来监视服务器目录中的文件更改,我想找到一个合适的模式来观察项目的客户端部分并重新运行webpack任务。 这是我的gulpfile

gulp.task('clean:tmp', (cb) => {
    del([paths.tmp]).then(paths => {
        plugins.util.log('[clean]', paths);
        cb();
        });
    });    

gulp.task('serve', ['clean:tmp'], () => {
        const config = require('./webpack.dev.config');
        config.entry.app = paths.entry;
        return gulp.src(paths.entry)
            .pipe(webpack(config))
            .pipe(gulp.dest('.tmp'));

    });

    gulp.task('watch', ['serve'], () => {
        return nodemon({
            script: `${rootServer}/`,
            watch: ['server/*'],

        });

});

问题是,如果我使用webpack.config.watch = true运行gulp watch,webpack会破坏gulp管道逻辑。

我也看看这个答案Watch webpack.config.js and re-run webpack command in response to a file change 但我无法应用解决方案。 有什么建议吗?

0 个答案:

没有答案