使用 Grunt 监视 LESS 文件的目录

Question

我当前的 Grunt 代码：

module.exports = function(grunt) {
    grunt.initConfig({
        // running `grunt less` will compile once
        less: {
            development: {
                options: {
                    paths: ["custom"],
                    yuicompress: true
                },
            files: {
                "custom/file1.css": "custom/*.less",
                "custom/file2.css": "custom/*.less"

            }
        }
    },
    // running `grunt watch` will watch for changes
    watch: {
        files: "custom/*.less",
        tasks: ["less"]
    }
});
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.registerTask('default', ['less:development']);

};

与其指定两个单独的文件 "file1" 和 "file2"，我更希望它编译和监视 "custom".

中的所有 .less 文件

Answer 1

显然，您必须使用重命名回调：

files: [{
    src: ['custom/*.less'],
    expand: true,
    rename: function(dest, src) { return dest + src.replace('.less', '.css') },
    dest: ''
}]

来源：https://github.com/gruntjs/grunt-contrib-less/issues/135

使用 Grunt 监视 LESS 文件的目录

Watch directory of LESS files with Grunt

css

less

gruntjs