Grunt 教學 - 檔案管理(1)

本篇會介紹部分 Grunt 如何操作檔案，如果對 Grunt 不熟的可以先看 Grunt 教學 - Getting Started

在使用 Grunt 建構 JavaScript 專案時一定會常常接觸到檔案或是資料夾的整理

或是你想寫一些相關的 Grunt plug-in 時，也會遇到相同的情形

因為篇幅的關係，所已先簡單介紹一下如何建立與刪除資料夾

之後有空再補充其他關於檔案管理的技巧

以下是建立資料夾的 Grunt 程式

module.exports = function(grunt){

     grunt.initConfig({

         file: {

              params: {

                  sampleFolder: "sample"

              }

         }

     });

    grunt.registerTask("createFolder", function(){

         // grunt.config.requires() 會確保 config 有被設定

         // 如下就會確保 file.params.sampleFolder 是有先被設定過的

         // 假如沒有設定會拋出以下訊息

         //   Verifying property file.params.sampleFolder exists in config...ERROR

         //   >> Unable to process task.

         //   Warning: Required config property "file.params.sampleFolder" missing. Use --force to continue.

         grunt.config.requires("file.params.sampleFolder");

         // 利用 grunt.config.get() 來取得 config 的值

         grunt.file.mkdir(grunt.config.get("file.params.sampleFolder"));

    });

}

完成之後在你專案的 root 目錄下執行 Grunt 的指令 $grunt createFolder

結束之後，會在你的專案目錄下看到一個 sample 的資料夾

如果是刪除資料夾的話，就用 grunt.file.delete()，如下所示

grunt.registerTask("deleteFolder", function(){

         grunt.config.requires("file.params.sampleFolder");

         grunt.file.delete(grunt.config.get("file.params.sampleFolder"));

});

所以同樣在你專案的 root 目錄下執行 Grunt 的指令 $grunt deleteFolder

就會發現剛剛建立的 sample 資料夾被移除了