javascript - Grunt : watch multiple files (js, css 和 gsp) 在不同的子文件夹中

标签 javascript gruntjs grunt-contrib-watch

我第一次使用 grunt/watch:

我的 Gruntfile.js 配置如下:

module.exports = 函数(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
      watch: {
        all: {
          options: { 
            livereload: true 
          },
          files: ['**/*.gsp,**/.css']
        }
      }
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-watch');

};

我面临的问题是当我运行监视任务以仅检查 css 或 gsp 文件类型时,例如 files: ['**/.css']files: [' **/.gsp'] 它工作正常并检测文件中的更改,但是当我尝试观看它们时 files: ['**/*.gsp,**/.css'],它没有检测到任何更改(在命令行上一直显示等待)如何使其工作以检测两种文件类型的更改。?

最终我想这样做(图片):

enter image description here

任何见解都会有帮助......提前致谢!

最佳答案

最好的语法是: 文件:['./{,*/}*.{gsp,css}'] 如您所见,grunt 接受扩展数组

好的,根据您的编辑,这应该是最好的解决方案

files: ['./grails-app/{,*/}*.gsp',
        './web-app/{,*/}*.{css,gsp}']

关于javascript - Grunt : watch multiple files (js, css 和 gsp) 在不同的子文件夹中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26315486/

相关文章:

javascript - .焦点不固定

node.js - Teamcity 运行的 Grunt 无法正确输出到日志

node.js - 咕噜声 : use a single task with options to register several tasks

javascript - 如何有条件地编译(使用 Grunt)仅使用模板包含更改的 Jade 文件

JavaScript - 运行指定的代码行

javascript - React Native 链接短信

javascript - Jquery UI DatePicker 限制日期集

javascript - 当我尝试运行 grunt-react 任务时,它会挂起

Codeigniter 和 React.JS 设置

angularjs - 是否可以让 grunt 编译较少并实时重新加载而无需重新加载整页?