nodejs grunt 應用

grunt是一套前端自動化工具，一個基於nodeJs的命令行工具，通常用於：
① 壓縮文件
② 合併文件
③ 簡單語法檢查

還有有其餘用法嗎？

安裝

一、nodeJs環境

由於grunt是基於nodeJs的，因此首先各位須要安裝nodeJS環境，這塊咱們便無論了
http://www.cnblogs.com/yexiaochai/p/3527418.html

二、安裝grunt

有了nodeJs環境後，咱們即可以開始搞grunt了，由於咱們可能在任何目錄下運行打包程序，因此咱們須要安裝CLI
官方推薦在全局安裝CLI（grunt的命令行接口）

npm install -g grunt-cli

這條命令將會把grunt命令植入系統路徑，這樣就能在任意目錄運行他，緣由是

每次運行grunt時，它都會使用node的require查找本地是否安裝grunt，若是找到CLI便加載這個本地grunt庫
而後應用咱們項目中的GruntFile配置，並執行任務

配置

直接先上實例
首先在D盤新建一個項目如grunt_sample（文件夾就好）
在裏面新增兩個文件Gruntfile.js 和 package.json（不要問爲何，搞進去先）

依賴包配置都在一個名為package.json文件裏，文件內容舉個例子以下：

{
    "name":"grunt-demo",
    "description": "Example project to demonstrate Grunt.",
    "version":"0.1.0",
    "private": true,
    "author": {
        "name": "homeemail",
        "email": "homeemail@qq.com"
    },
    "devDependencies": {
        "grunt": "~0.4.0",
        "grunt-contrib-sass":"*",
		"grunt-contrib-uglify": "*",
		"grunt-contrib-concat": "*",
		"grunt-css":"*",
		"grunt-contrib-watch":"*",
		"grunt-contrib-qunit":"*",
		"grunt-contrib-jshint":"*"
    },
    "dependencies": {
		
    }
}

之後在grunt_sample目錄下執行 npm install將相關的依賴包文件下載下來

下載後，依賴文件放在名為node_modules的文件夾裏

之後能夠放入與項目相關的js，css html文件，

再在Gruntfile.js文件裏進行項目配置

詳細的配置能夠參考以下文章

http://www.cnblogs.com/yexiaochai/p/3594561.html