npm install grunt -g  //安裝grunt,-g全局變量 
npm install grunt-cli -g //安裝grunt命令行 
npm install grunt --save-dev  //安裝grunt,--save-dev保存到安裝目錄 
npm install grunt-cli --save-dev //安裝grunt命令行 
npm install grunt-contrib-jshint --save-dev //js語(yǔ)法檢測(cè)插件 
npm install grunt-contrib-concat --save-dev //js合并插件 
npm install grunt-contrib-uglify --save-dev //js壓縮插件 
npm install grunt-contrib-cssmin --save-dev //CSS壓縮插件 

>> Local Npm module "grunt-contrib-uglify" not found. Is it installed?
Warning: Task "uglify" not found. Use --force to continue.

{ 
 "name": "jstest", 
 "file": "function", 
 "version": "0.1.0", 
 "devDependencies": { 
 "grunt": "~0.4.5", 
 "grunt-contrib-jshint": "~0.11.3", //后面的數(shù)字是版本號(hào)，從各個(gè)插件目錄下的package.json能找到 
 "grunt-contrib-concat": "~0.5.1", 
 "grunt-contrib-uglify": "~0.9.2", 
 "grunt-contrib-cssmin": "~0.14.0" 
 } 
} 

module.exports = function (grunt) { 
 // grunt配置 
 grunt.initConfig({ 
 pkg: grunt.file.readJSON('package.json'), 
 concat: { 
  options: { 
  separator: ';' 
  }, 
  dist: { 
  src: ['js_s/function.js', 'js_s/jquery.validate.js'], 
  dest: 'js_d/main.js' //合并不壓縮 
  } 
 }, 
 uglify: { 
  options: { 
  banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' //文件頂部的注釋，可自定義 
  }, 
  build: { //將package.json中的file對(duì)應(yīng)的文件，進(jìn)行壓縮并重命名 
  src: 'js_s/<%= pkg.file %>.js',  //注意空格，官方配置例子是pkg.name 
  dest: 'js_d/<%= pkg.file %>.min.js' //注意空格，官方配置例子是pkg.name 
  }, 
  buildall: {//將js_s文件夾下的所有js文件，壓縮后，放到j(luò)s_d文件夾中，文件名不變 
  files: [{ 
  expand:true, 
  cwd:'js_s',//js目錄下 
  src:'**/*.js',//所有js文件 
  dest: 'js_d'//輸出到此目錄下 
  }] 
  }, 
  hebin: {//將function.js和jquery.validate.js，合并,并壓縮成main.min.js 
  files: { 
   'js_d/main.min.js': ['js_s/function.js', 'js_s/jquery.validate.js'] 
  } 
  }, 
  ymain: {//將main.js壓縮成main1.min.js 
  src: 'js_d/main.js', 
  dest: 'js_d/main1.min.js' 
  } 
 }, 
 jshint: { //檢查，function.js是不是有語(yǔ)法錯(cuò)誤 
  all: ['js_s/function.js'] 
 }, 
 cssmin: { 
  combine: { 
    files: { //將css_s文件夾下的css文件合成一個(gè) 
     'css_d/main.css': ['css_s/*.css'] 
    } 
   }, 
  minify: { 
    options: { 
     keepSpecialComments: 0, /* 刪除所有注釋 */ 
     banner: '/* minified css file */' 
    }, 
    files: { //單個(gè)CSS文件壓縮 
     'css_d/index.min.css': ['css_s/index.css'] 
    } 
   }, 
  test: {//按文件夾下的所有CSS文件，壓縮后，放到新的文件夾中，文件名不變 
    files: [{ 
   expand:true, 
   cwd:'css_s',//css目錄下 
   src:'**/*.css',//所有css文件 
   dest: 'css_d'//輸出到此目錄下 
   }] 
   } 
  } 
 }); 
 // 加載插件 
 grunt.loadNpmTasks('grunt-contrib-uglify'); 
 grunt.loadNpmTasks('grunt-contrib-concat'); 
 grunt.loadNpmTasks('grunt-contrib-jshint'); 
 grunt.loadNpmTasks('grunt-contrib-cssmin'); 
 
 // 是否調(diào)用插件功能 
 //grunt.registerTask('default', ['concat','uglify','jshint','cssmin']); 
 // grunt.registerTask('default', ['uglify']); 
 // grunt.registerTask('default', ['concat']); 
 //grunt.registerTask('default', ['jshint']); 
 grunt.registerTask('default', ['cssmin']); //CSSMIN插件的功能能用，其他功能都不起作用 
}