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
        },
    }
}