grunt-contrib-lessを使用したグランタ - オリジナルの無限のファイル名を維持しながら複数のスタイルシートをコンパイルする方法

Question

私は少ないものを使用してブートストラップでウェブサイトを構築しています。私は仕事を自動化するために不快感を使う。 「compileBrandingStylesは、」私は、元のファイル名で別々のcssファイルをフォルダ内のすべての* .lessファイルを取得しにそれらをコンパイルしたいでは

less: { 
    compileCore: { 
    options: { 
     strictMath: true, 
     sourceMap: true, 
     outputSourceFiles: true, 
     sourceMapURL: '<%= pkg.name %>.css.map', 
     sourceMapFilename: 'dist/css/<%= pkg.name %>.css.map' 
    }, 
    src: 'less/bootstrap.less', 
    dest: 'dist/css/<%= pkg.name %>.css' 
    }, 
    compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    src: 'less/branding/**/*.less', 
    dest: 'dist/css/<%= what do I put here? %>.css' 
    } 
}, 

：私のgruntfile.jsで

私はこの部分を持っています。連結なし。フォルダで

：less/branding私は.lessファイルのx個持っている：

theme-1.less 
theme-2.less 
theme-3.less 
theme-4.less 

を私はこのようなdist/css/フォルダに出力することをしたいと思います：

theme-1.css 
theme-2.css 
theme-3.css 
theme-4.css 

それでは、どのように私は書く必要がありますこの部分はファイル名を保持しますか？この代わりに

dest: 'dist/css/<%= what do I put here? %>.css' 

Answer 1

を再構成し、あなたのcompileBrandingStyles対象：

// ... 
compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    files: [{ 
     expand: true, 
     cwd: 'less/branding/', 
     src: ['**/*.less'], 
     dest: 'dist/css/', 
     ext: '.css' 
    }] 
} 

は作男docsで、この上さらに情報を参照してください。あなたが「したくない場合はflattenを使用

---

EDIT

サブフォルダが保存先のフォルダに含まれています。

// ... 
compileBrandingStyles: { 
    options: { 
     strictMath: true, 
     sourceMap: false, 
     outputSourceFiles: false 
    }, 
    files: [{ 
     expand: true, 
     cwd: 'less/branding/', 
     src: ['**/*.less'], 
     dest: 'dist/css/', 
     ext: '.css', 
     flatten: true // <-- Remove all path parts from generated dest paths. 
    }] 
}