grunt自動化構建工具

1、什麼是grunt?

　　是基於nodejs的項目構建工具，grunt和grunt插件是經過npm安裝並管理的，npm是node.js的包管理器

2、爲何要用grunt?

　　自動化。對於反覆重複的任務，例如壓縮、編譯、單元測試等，自動化工具能夠減輕你的勞動，簡化你的工做

3、如何使用？

　　一、首先安裝nodejs，安裝包及源碼下載地址：https://nodejs.org/en/download/。

　　二、安裝grunt，須要先將grunt命令行（CLI）安裝到全局環境中，

　　　　npm install -g grunt-cli

　　　　上述命令執行完後，grunt 命令就被加入到你的系統路徑中了，之後就能夠在任何目錄下執行此命令了。

　　三、通常在項目中須要添加兩份文件：package.json 和 Gruntfile.js

　　package.json 以下：

{
  "name": "gruntTest",
 "version": "1.0.0",
 "devDependencies": {
 "grunt": "^1.0.1",
 "grunt-contrib-jshint": "^1.0.0", //檢查js語法
 "grunt-contrib-uglify": "^2.0.0",　　//js壓縮
 "grunt-contrib-watch": "^1.0.0"　　　//監聽js文件變更
 }
}　　
　　Gruntfile.js 以下：

module.exports = function(grunt){
 grunt.initConfig({
 pkg:grunt.file.readJSON('package.json'),
 uglify:{
 bulid:{
 expand: true, //啓用動態擴張
 src:'DemoTmp/js/*.js', //須要壓縮的js文件所在路徑
 //dest:'DemoTmp/js/', //壓縮後文件所在路徑
 ext:'.min.js',　　　　　　//壓縮後的文件名
 extDot:'first'　　　　　　//擴展文件名開始後第一個點
 }
 }
 });
 grunt.loadNpmTasks('grunt-contrib-uglify'); //加載任務插件
 grunt.registerTask('default',['uglify']);　　　　//默認被執行的任務列表
};

四、以上兩個文件配置好後，就能夠進行操做了：　　1）將命令行的當前目錄轉到項目根目錄下　　2）執行 npm install 命令安裝項目依賴的庫　　3）執行 grunt 命令