初試Grunt及疑問

環境: windows8+nodejsjavascript

 官方中文入門java


Grunt原理的初步理解node

在代碼目錄下運行Grunt完成一系列Task,好比壓縮js,校驗js代碼等等,不一樣的任務會有相應的插件來支持,好比js校驗能夠集成JSHint來實現。web

那Grunt如何去完成這個工做?須要一個「任務列表」及「相應的執行程序「,任務內容配置在」Gruntfile.js「中,至於依賴的插件等等,配置在package.json內npm


在node中使用npm安裝Grunt命令行CLI,django

npm install -g grunt-cli


使用npm init命令建立package.json,過程當中輸入你的項目版本,描述什麼的json

npm init


安裝Grunt及插件,用該命令安裝時,也會自動將依賴關係添加到package.json中windows

npm install grunt --save-dev
npm install grunt-contrib-uglify


運行Gruntapp

grunt



若是是一個單獨的javascript插件的話,用以上基礎方法已經能夠很好的產出一個min.js的文件了,不過針對實際的web項目該怎麼用了,我是用django搭建web,每一個app下面有公共的文件夾放js,可是app中每一個頁面用了不一樣的js文件,因此要單獨給每一個頁面產生一個壓縮合並過的js ?grunt

還有啥高階功能,繼續摸索中....

相關文章
相關標籤/搜索