css - Grunt watch 两个单独的 LESS 文件并输出到两个单独的 CSS 文件中

Question

我在我的主应用程序中使用 LESS，还需要一个不属于主应用程序的单独 CSS 文件。我正在尝试向我现有的 grunt watch 任务添加新的源和目标

less: {
    development: {
        options: {

            paths: ["path/to/less", "// path/to/2nd.less??"],
            yuicompress: true
        },
        files: {
            "path/to/build.css": ["path/to/less"]
        },
        //other src destination here?
        files: {
           "path/to/2nd.css": ["path/to/2nd.less"]
          }
        }
    }
},
watch: {
    files: ["path/to/less", "path/to/2nd.less"],
    tasks: ["less"]
}

Answer 1

感谢@jgillich 将我指向文档。解决方案:

less: {
    development: {
        options: {
        paths: ["path/to/less"],
        yuicompress: true
    },
    files: {
        "path/to/build.css": ["path/to/less"]
    },
  }
},
    2nd: {
options: {
 // same as above but with new paths
    }
  }
},
watch: {
    files: ["path/to/less", "path/to/2nd.less"],
    tasks: ["less"]
}