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

Question

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

我有一些任务用于缩小名为 'styles'、'services' 和 'controlles'.

的 less 文件和 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 将运行，您将能够使用自动缩小进行开发。

希望对你有帮助

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

GulpJS Task automatically minify when file changes

javascript

gulp

minify