Question

我有几个LESS文件要编译，但我不需要连接它们。我需要为每个LESS文件创建一个CSS文件，文件名相同（结尾除外）。

这是我的gruntfile中的LESS任务，因为它是：

less: {
      dev: {
        files: {
          "css/esccore.css": "less/esccore.less",
          "css/escdocument.css": "less/escdocument.less",
          "css/escportal-top.css": "less/escportal-top.less",
          "css/report-fancy-top.css": "less/report-fancy-top.less",
          "css/report-plain-top.css": "less/report-plain-top.less",
          "css/report-blue-top.css": "less/report-blue-top.less"
        }
      },
      build: {
        //build configurations
      }
    },

所以，截至目前，每次我创建一个新的LESS文件时，我都需要将它添加到我的gruntfile中。有没有办法实现自动化？那么Grunt扫描我的less文件夹中的所有LESS文件，并在一个重合的CSS文件夹中创建一个新文件（使用相同的基本文件名）？

Answer 1

您可以使用文件数组格式，如：

less: {
    dev: {
        files: [
            {
                expand: true,
                src: ['less/*.less'],
                dest: 'css/',
                ext: '.css',

            }
        ]
    },
    build: {
        //buildconfigurations
    }
}

Doc：http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically

我可以使用通用文件路径使用grunt预处理LESS文件吗？

1 个答案: