当项目中有多个文件时，如何使用 Grunt 配置 LESS 的 sourceMap？

我有多个 .less 文件，我希望将它们处理为匹配的 .css，每个文件的 sourceMaps 都与源位于同一文件夹中。

这有多难？

我用 less 直接执行此操作没有问题，但无法弄清楚如何在 grunt-contrib-less 中执行此操作，因为它似乎希望 sourceMap 文件名成为单个硬编码值。

这是我的 grunt 文件：

module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
watch: {
  options: {
    livereload: true,
  },
  css: {
    files: ['./core/theme/**/*.less'],
    tasks: ['less'],
    options: {
      spawn: false
    },
  },
},
less: {
  all: {
    src: ['./core/theme/**/*.less'],
    expand: true,  
    dest: "./core/theme/",
    options:{sourceMap:true},
rename:function (dest, src) {
        return src.substring(0, src.lastIndexOf('.'))+'.css';
    }
  },
}   
});
// on watch events configure less:all to only run on changed file
grunt.event.on('watch', function(action, filepath) {
  grunt.config('less.all.src', filepath);
});

grunt.loadNpmTasks("grunt-contrib-watch");
grunt.loadNpmTasks("grunt-contrib-less");

grunt.registerTask("default", ["less"]);
};

TIA

您可以定义多个目标。每个目标都会编译一个特定的 less 文件。 假设您有一个合理/有限的较少文件列表需要编译（http://gruntjs.com/configuring-tasks#task-configuration-and-targets

定义通用任务级选项（较少编译选项），然后定位特定选项（sourceMapFilename 和 sourceMapURL）。http://gruntjs.com/configuring-tasks#options http://gruntjs.com/configuring-tasks#options

我不确定如何动态设置 sourceMapFilename，但我稍后会研究这个。如果您要编译许多 LESS 文件（> 10？），则这是必要的。