我正在尝试使用grunt watch编译Less文件,我有两个文件夹包含较少的文件和两个目标文件夹,但它显示了一个错误:
对象没有方法"indexOf;
gruntfile.js代码:
module.exports = function(grunt) {
grunt.initConfig({
less: {
options: {
paths: ["./less"],
yuicompress: true
},
files: [{
expand: true,
cwd: './less',
src: ['*.less', '!{fonts, variable, mixins}*.less'],
dest: './css',
ext: '.css'
}, {
expand: true,
cwd: './less',
src: '*.less/themes',
dest: './css/themes',
ext: '.css'
}],
},
watch: {
files: "./less/*",
tasks: ["less"]
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.registerTask('default', ['watch']);
};
正如你所看到的;files:'选项,其中包括两个不同的文件夹。
我认为应该将其包含在"mode"变量中,例如"development"或"production"。像这样:
less: {
development: {
options: {
paths: ["./less"],
yuicompress: true
},
files: [{
expand: true,
cwd: './less',
src: ['*.less', '!{fonts, variable, mixins}*.less'],
dest: './css',
ext: '.css'
}, {
expand: true,
cwd: './less',
src: '*.less/themes',
dest: './css/themes',
ext: '.css'
}]
}
}
此外,在"files"数组之后,还有一个额外的不必要的逗号,在我的示例中删除了。。。
之后将手表更新为以下内容:
watch: {
files: "./less/*",
tasks: ["less:development"]
}
您可以尝试创建两个目标(如果这是正确的术语,则不知道),并将您的担忧分散在它们之间。然后为watch
运行它们。还调整了您的手表任务,通过使用深度监视器通配符来监视themes
less : {
options : {...},
styles : {...},
themes : {...},
},
watch : {
files : './less/**/*.less',
tasks : ['less:styles','less:themes'],
}