Grunt文件api创建了不需要的文件

Question

我在Gruntfile.js中有以下代码：

    less: {
        dist: {
            options: {
                paths: ['less/**/*.less'],
                cleancss: true,
                strictImports: true,
                strictUnits: true
            },
            expand: true,
            cwd: 'src',
            src: 'less/style.less',
            dest: 'tmp/less.css'
        }
    },

我的目标是将/src/less/**/*.less所有较少文件（目前只有style.less ）解析为tmp/less.css的css文件。 而是创建文件tmp/less.css/less/style.less 。 我注意到其他grunt插件的类似行为，所以我认为这与插件本身没什么关系。 我知道我不必使用expand和cwd ，但我正在尝试理解Grunt文件api以获得更复杂的配置。 我究竟做错了什么？

Answer 1

通常，您只想输出一个或两个文件（以减少CSS请求），因此LESS明确指定编译目标更有意义。 因此，与您的设置类似的简单设置可能更可取。

less: {
    dist: {
        files: {
            'src/tmp/less.css': 'src/less/style.less',
            'src/tmp/less2.css': 'src/less/style.less'
        },
        options: {
            cleancss: true,
            strictImports: true,
            strictUnits: true
        }
    }
},

---

像这样的东西应该把所有.less文件放在一个less目录中，并在tmp目录中输出相同的文件夹结构：

less: {
    dist: {
        files: [{
            expand: true,
            cwd: 'src',
            src: ['less/**/*.less'],
            dest: 'tmp/',
            ext: '.css'
        }],
        options: {
            cleancss: true,
            strictImports: true,
            strictUnits: true
        },
    }
}