如何使用grunt和grunt-contrib-less將編譯的CSS文件輸出到不同的生產文件夾

Question

我發現這個解決方案使用grunt-contrib-less包來減少構建，但我無法弄清楚使用grunt配置任務（http://gruntjs.com/configuring-tasks）如何將* .css文件輸出到特定目的地。我試過dest：「C：/ my_folder /」。有什麼建議麼？

less: { 
    options: { 
     paths: ['css/base'] 
    }, 
    // target name 
    src: { 
     // no need for files, the config below should work 
     expand: true, 
     cwd: "css/base", 
     src: "*.less", 
     ext: ".css" 
    } 
} 

我也利用咕嚕-的contrib少的例子，但我無法弄清楚如何得到它的一）只是選擇所有文件，並將其建設成爲具有相同的文件名試圖不同的擴展名（即.LESS到的CSS）像它上面b）我不明白的選項JSON屬性（甚至是閱讀文檔）

less: { 
    development: { 
    options: { 
     paths: ["assets/css"] 
    }, 
    files: { 
     "dev/css/*.css": "dev/less/*.less" 
    } 
    }, 
    production: { 
    options: { 
     paths: ["assets/css"], 
     cleancss: true 
    }, 
    files: { 
     "prod/css/*.css": "dev/less/*.less" 
    } 
    } 
} 

在這一切我真的想結束將這兩者結合起來，把我所有的東西都減少到最低限度，並將其編譯成css進行開發，最後再用css來縮小生產。

我已經翻閱了http://net.tutsplus.com/tutorials/javascript-ajax/meeting-grunt-the-build-tool-for-javascript/和http://www.integralist.co.uk/Grunt-Boilerplate.html沒有太多的運氣了解Grunt。

Answer 1

您需要指定dest屬性。指定的減檔來源的最佳方法是使用相對路徑（相對Gruntfile.js）

less: { 
    options: { 
    paths: ['css/base'] 
    }, 
    // target name 
    src: {   
    expand: true, 
    cwd: "css/base", 
    src: "*.less", 
    ext: ".css" 
    dest: "build/" // Destination for your compiled css files. 
    } 
}