使用Grunt觀看我的src目錄中的所有文件並輸出到生成

Question

我對Grunt完全陌生，我想在我的下一個項目中使用它。

我想要做的是，例如，有在src/server.coffee文件被編譯到build/server.js和src/public/assets/css/global.less文件被編譯爲build/public/assets/css/global.css。

這意味着我想在src之後保留相同的文件路徑，以及每個文件的相同名稱，只更改其擴展名。我可以爲我的項目中的每個文件手動執行此操作，但我真的很喜歡Grunt對src文件夾中的每個文件執行此操作。

我該如何做到這一點？

Answer 1

看來我在文檔中找到了答案 - 我只是不知道如何尋找它。

我想要做的是叫做globbing：設置Gruntfile的全局例程。它看起來像這樣（在CoffeeScript中）：

module.exports = (grunt) -> 
    grunt.initConfig 
     pkg: grunt.file.readJSON "package.json" 

     coffee: 
      files: 
       expand: true 
       cwd: "src/" 
       flatten: false 
       src: ["**/*.coffee"] 
       dest: "build/" 
       ext: ".js" 

     less: 
      files: 
       expand: true 
       cwd: "src/" 
       flatten: false 
       src: ["**/*.less"] 
       dest: "build/" 
       ext: ".css" 


    grunt.loadNpmTasks 'grunt-contrib-coffee' 
    grunt.loadNpmTasks 'grunt-contrib-less' 

    grunt.registerTask 'default', ['coffee', 'less']; 

    return 

cwd設置的基本目錄，flatten: false使得咕嚕尊重子目錄結構和[src: "**/*.coffee"]使它看起來每一個.coffee文件中cwd的每一個子目錄。輸出到dest文件夾。