为Less文件添加延迟到Grunt Watch中

Question

我正在使用Grunt编译服务器上的Less文件，问题是当我使用FTP客户端（Filezilla）上传Less文件到服务器时，Grunt --watch任务开始从它接收到的第一个字节开始编译Less文件，而不是等待上传完成后再开始编译。这导致CSS文件为空。

我需要能够完全上传文件到服务器，然后让Grunt Watch执行其工作，因此我想如果有一个命令可以给Grunt一个延迟2秒的超时时间，然后开始任务。

- Sohail

---

请查看以下链接：https://github.com/gruntjs/grunt-contrib-watch/issues/156 - Bass Jobsen

Answer 1

您可以通过让watch立即触发，然后在您的less任务之前触发等待任务（来自grunt-wait插件）来获得类似的效果，大致如下：

less: {
    dist: {
        files: [{
            expand: true,
            cwd: 'yourdir',
            src: '*.less',
            dest: 'destdir',
            ext: '.css'
        }]
    }
},

wait: {
    ftp: {
        options: {
            delay: 2000
        }
    }
},

watch: {
    less: {
        files: ['yourdir/*.less'],
        tasks: ['wait:ftp', 'less:dist']
    }
},

- Xavier Priour

---

这听起来很有前途，我会去看看并告诉你，谢谢。 - Sohail