咕嚕少多個CSS文件保持文件夾結構

Question

我有一個品牌應用程序，我想有這樣的輸出：

• /品牌/
  • /默認/
    • default.css
  • /brand1/
    • brand1.css
  • /brand2/
    • brand2.css

這應該是從相同結構的branding文件夾，但與.LESS文件

輸出，我願做這樣的事情：

less: { 
     production: { 
     options: { 
     }, 
     files: { 
      'dist/branding/**/*.css': 'branding/**/*.less' 
     } 
     } 
    } 

我剛剛看到有關這方面的例子，他們都去同一個文件夾，但我想保持這種動態的，因爲在我的情況不存在像噸烙印，而品牌的文件夾已經不僅僅是一個CSS文件的更多，他們也有其他的文物像圖像等。 有什麼建議嗎？

Answer 1

如果我的理解正確，您希望將下的LESS文件編譯爲dist/branding文件夾並保留文件夾結構。

要做到這一點，你會做這樣的事情：

files: [ 
    { 
    expand: true, // Recursive 
    cwd: "branding", // The startup directory 
    src: ["**/*.less"], // Source files 
    dest: "dist/branding", // Destination 
    ext: ".css" // File extension 
    } 
] 

Answer 2

您可以訪問http://rajdeepdeb.me/less-to-css-grunt-for-multiple-files/

添加下面的配置，你的呼嚕聲文件 ...rest of the grunt configuration, files: [{ expand: true, cwd: '/', src: ['**/*.less'], dest: '/', ext: '.css', extDot: 'last' }], ... rest of the grunt configuration