javascript - 拆分 grunt watch 任务

Question

所以我有 5 个 grunt-contrib-watch 任务:

• sass编译sass文件
• testConcat 连接测试
• implementationConcat 连接用于测试的实现文件
• 用于预编译 Handlebars 模板的模板
• karma 启动 karma 测试运行

我知道 grunt watch 会监视所有这些，但我真的需要将它们分成两组——前四个用于当我的设计师运行静态服务器并进行 sass 工作时，最后两个是我在做 js 工作时使用的。

我正在使用 grunt-concurrent 将它们分开并同时运行它们，但是虽然这可行，但似乎有点 hack。我错过了什么吗？

Answer 1

除非我遗漏了什么，否则我认为这非常简单。您甚至不一定需要 grunt-concurrent。

watch: {
  design: {
    files:[ 'foo/designFile.scss', 'foo/testwhatever' ],
    tasks: [ 'sass', 'testConcat', etc... ]
  },
  dev: {
    files:[ 'foo/files.hbars', 'foo/file.test' ],
    tasks: [ 'templates', 'karma' ]
  }
}

当你想运行 grunt watch 时，而不是仅仅运行 grunt watch，指定你想要的:grunt watch:design 或 grunt watch:dev 。