我的项目陷入困境。我正在使用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 但我无法应用解决方案。 有什么建议吗?