Question

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

我有一些任务可以缩小我的文件和js文件，这些文件称为＆＃39; styles＆＃39;，＆＃39; services＆＃39;和＆＃39; controlles＆＃39;。

为了缩小这些文件，我只需执行此任务，一切就好了：

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将会运行，您将能够自动缩小开发。

我希望它有所帮助

文件更改时，GulpJS任务会自动缩小

1 个答案: