Gruntjs 使用模板语法的Grunt watch

我试图配置Grunt来监视我的较少文件，但它进入了某种递归错误循环

以下是

grunfile.js

的相关部分：

watch: {
    ...
    less: {
        files: ['<%= less.dev.files %>'],
        tasks: ['less:dev']
    }
},

less: {
    options: {
        paths: 'www/css',
        strictMath: true,
        strictUnits: true
    },
    dev: {
        options: {
            cleancss: false
        },
        files: {
            'www/css/main.css' : 'www/css/main.less'
        }
    },
    ...
}

观察：{
...
减：{
文件：['']，
任务：['less:dev']
}
},
减：{
选项：{
路径：“www/css”，
是的，
这是真的
},
开发人员：{
选项：{
cleancss:false
},
档案：{
“www/css/main.css”：“www/css/main.less”
}
},
...
}

当我在终端上运行

grunt watch:less

时，我得到以下信息：

运行“监视：更少”（监视）任务 正在等待…警告：对象#没有“indexOf”方法

运行“监视：更少”（监视）任务 正在等待…警告：处理模板时出错（超过最大调用堆栈大小）。
警告：处理模板时出错（处理模板时出错（超出了最大调用堆栈大小）。 警告：对象#没有“indexOf”方法

这会重复一段时间直到它消失

---

看来

把它弄糊涂了。为什么？这不是正确的语法吗？

less.dev.files是一个对象。由于您只有一个配置，因此我建议使用src/dest模式，并引用以下内容：

watch: {
  less: {
    files: ['<%= less.dev.src %>'],
    tasks: ['less']
  }
},
less: {
  dev: {
    src: 'www/css/main.less'
    dest: 'www/css/main.css'
  }
}

观察：{
减：{
文件：['']，
任务：[“更少”]
}
},
减：{
开发人员：{
src:'www/css/main.less'
dest:'www/css/main.css'
}
}

否则，您将需要在对象中使用以下内容引用键：

'<%= less.dev.files["www/css/main.css"] %>'

“”

less.dev.files

是一个对象。由于您只有一个配置，因此我建议使用src/dest模式，并引用以下内容：

watch: {
  less: {
    files: ['<%= less.dev.src %>'],
    tasks: ['less']
  }
},
less: {
  dev: {
    src: 'www/css/main.less'
    dest: 'www/css/main.css'
  }
}

观察：{
减：{
文件：['']，
任务：[“更少”]
}
},
减：{
开发人员：{
src:'www/css/main.less'
dest:'www/css/main.css'
}
}

否则，您将需要在对象中使用以下内容引用键：

'<%= less.dev.files["www/css/main.css"] %>'

“”

less.dev.files

是一个对象。由于您只有一个配置，因此我建议使用src/dest模式，并引用以下内容：

watch: {
  less: {
    files: ['<%= less.dev.src %>'],
    tasks: ['less']
  }
},
less: {
  dev: {
    src: 'www/css/main.less'
    dest: 'www/css/main.css'
  }
}

观察：{
减：{
文件：['']，
任务：[“更少”]
}
},
减：{
开发人员：{
src:'www/css/main.less'
dest:'www/css/main.css'
}
}

否则，您将需要在对象中使用以下内容引用键：

'<%= less.dev.files["www/css/main.css"] %>'

“”

less.dev.files

是一个对象。由于您只有一个配置，因此我建议使用src/dest模式，并引用以下内容：

watch: {
  less: {
    files: ['<%= less.dev.src %>'],
    tasks: ['less']
  }
},
less: {
  dev: {
    src: 'www/css/main.less'
    dest: 'www/css/main.css'
  }
}

观察：{
减：{
文件：['']，
任务：[“更少”]
}
},
减：{
开发人员：{
src:'www/css/main.less'
dest:'www/css/main.css'
}
}

否则，您将需要在对象中使用以下内容引用键：

'<%= less.dev.files["www/css/main.css"] %>'

“”