javascript - 用于 javascript concat 的 Grunt 观察器

Question

我正在尝试将我的 Controller 目录中的所有 javascript 文件连接到一个文件中，该文件位于更高一级。这是我正在使用的代码:

concat: {
  dist: {
    files: {
      '<%= yeoman.app %>/scripts/all.js': [
        '<%= yeoman.app %>/scripts/controllers/{,*/}*.js',
        '<%= yeoman.app %>/scripts/controllers/{,*/}*.js'
      ]
    }
  }
}

它工作正常，但每次我更改我的 javascript 文件时，我都被迫在控制台中手动键入 grunt concat。所以我试图通过观察者来完成这项工作，但无法让它发挥作用。这是我的观察者代码:

  concat: {
    files: ['<%= yeoman.dist %>/scripts/controllers/*.js'],
    tasks: ['concat']
  },

Answer 1

当你想让 watch 监控文件时，你需要输入“grunt watch”。您需要像这样在“Gruntfile.js”中添加监视任务:

watch: {
  concat: {
    files: ['<%= yeoman.dist %>/**/*.js'],
    tasks: "concat"
  }
}

您的 concat 任务仍然需要像现在一样存在。

确保你也安装了 grunt-contrib-watch..

npm install grunt-contrib-watch --save-dev

查看 grunt-contrib-watch 的 github 页面以获取更多信息:https://github.com/gruntjs/grunt-contrib-watch