javascript - GulpJS 任务在文件更改时自动缩小

Question

当我的 js 或 less 文件发生某些变化时，我需要自动缩小所有文件。

我有一些任务用于缩小我的 less 文件和名为“styles”、“services”和“controlles”的 js 文件。

为了缩小这个文件，我只执行这个任务，一切都很好:

gulp.task('minify', ['styles', 'services','controllers']);

我想在开发模式下自动运行此任务，而不是手动运行此任务。我该怎么做？

Answer 1

你需要做的是使用 nodemon 运行你的项目

nodemon = require('gulp-nodemon');

Nodemon 运行您的代码并在您的代码更改时自动重启。

因此，对于自动缩小，请使用此 Gulp 任务:

gulp.task('watch', function() {
    gulp.watch(pathLess, ['styles']);
    gulp.watch(pathJs.services, ['services']);
    gulp.watch(pathJs.controllers, ['controllers']);
});

然后设置 nodemon 来运行你的项目

gulp.task('nodemon', function () {
    nodemon({ script: 'server.js'})
        .on('start', ['watch'], function () {
            console.log('start!');
        })
       .on('change', ['watch'], function () {
            console.log('change!');
        })
        .on('restart', function () {
            console.log('restarted!');
       });
})

现在，如果您在提示符下键入:gulp nodemon，您的 server.js 将运行，并且您将能够使用自动缩小进行开发。

希望对你有帮助