grunt-init 使用教學與 grunt-init-simple-server
在開始如何製作自己的 grunt-init
樣板的教學之前,先分享grunt-init-simple-server。由於小弟玩性太重三天兩頭就喜歡換 framework 所以才寫了這個簡單的 grunt task。可以方便在學習新的前端技術的時候快速地幫專案加上一個簡易地 server。
在開始如何製作自己的 grunt-init
樣板的教學之前,先分享grunt-init-simple-server。由於小弟玩性太重三天兩頭就喜歡換 framework 所以才寫了這個簡單的 grunt task。可以方便在學習新的前端技術的時候快速地幫專案加上一個簡易地 server。
下面我們將透過一個使用了 5 個常用套件的 Gruntfile
來實作練習並討論關於 Gruntfile。
這篇教學將會解釋如何使用 Gruntfile 為你的專案設定任務。如果你還不知道什麼是 Gruntfile 請回到上一篇 Grunt 入門 閱讀。
Grunt
和 Grunt 擴充套件
都是透過 npm
來安裝和管理。Grunt
這個工具大概就等於 Ruby
中的 rake
,它可以透過一些設定讓你輕鬆完成一些例行性的任務,例如壓縮檔案,編譯 coffee less,搬移到目標目錄,單元測試等等。之後就可以透過一個指令,就把所有的事情做好。
為了能夠使用 Grunt
你必須安裝 grunt-cli
就是 Grunt 的 Command Line Interface 到您的系統。
安裝過程可能會需要 sudo 或這在 windows 底下使用管理者身份執行。