Grunt 進行js,css文件合併,壓縮
安裝 Grunt 前,你需要首先下載並安裝 node.js (npm 已經包含在內)。npm 是 node packaged modules 的簡稱,它的作用是基於 node.js 管理擴展包之間的依賴關係。
- 安裝node: 運行 node-v0.12.7-x86.msi
- 安裝 grunt-cli :用管理員身份運行(下同) cmd 進入命令行模式,運行 npm install -g grunt-cli
安裝項目依賴的庫
配置 package.json 文件:新建文件夾 GruntTest => 建 package.json 文件. 該文件內容要滿足 Json格式,如果只需要合併,壓縮。有以下內容就足夠。{ "name": "my-project-name", "version": "0.1.0", "devDependencies": { "grunt": "~0.4.5", "grunt-contrib-jshint": "~0.10.0", "grunt-contrib-nodeunit": "~0.4.1", "grunt-contrib-uglify": "~0.5.0" } }
進行 cmd 命令行模式,並轉到 GruntTest 目錄 , 執行 npm install
命令執行成功後,會在 GruntTest目錄下產生一個 node_modules目錄,裏面有四個子目錄
配置任務:
在GrunTest 目錄下新建 Gruntfile.js 文件, 然後在命令行中執行 grunt