javascript - watch 和手写笔

Question

不知道如何嵌套 grunt watch 和 stylus 编译器(livereload 稍后会来)

我也尝试使用“new”grunt newer，但我的代码中一定有问题。

有什么建议吗？

grunt.initConfig({

  stylus: {
    compile: {
      options: {
        paths: ['stylus'],

        import: [      
          'nib/*'
        ]
      },
      files: {
        'css/style.css': 'stylus/style.styl', 
      },
    },

  },
  watch: {
    stylus: {
      files: ['*/*.*'],
      task: ['newer:stylus:compile'],
      options : { livereload: true },
    },
  },

});


grunt.loadNpmTasks('grunt-contrib-stylus');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-newer');

grunt.registerTask('compile', ['newer:stylus:all']);

此外，如果我运行 grunt watch，它运行良好但什么也不做。而且，如果我运行 grunt stylus，它会完美地编译我的 css。

Answer 1

好吧，在您的原始代码中，您在 it should be tasks 时使用选项 task (复数)。这是我的第一个猜测。

watch: {
  stylus: {
    files: ['*/*.*'],
    tasks: ['stylus:compile'],   // This needs to be "tasks" (not "task")
    options : { livereload: true },
  },
},

我也不认为你需要前面的 newer 位。