具體node及文件配置請看：

grunt 安裝使用（一）

要壓縮的文件

--src/
  ajax.js
  assets.js
  touch.js
  zepto.js

目錄結構：

dist/
node_modules/
src/
Gruntfile.js
package.json
package.json是依賴庫文件
Gruntfile.js是執行步驟程序

一、js合並壓縮

第一次需要先安裝grunt。執行 npm install -g grunt-cli 進行安裝。如果已經安裝，可以忽略。

1.package.json文件

安裝所需要的依賴文件

{
  "name
 
": "grunt_test",
  "version": "1.0.0",
  "devDependencies": {
    "grunt": "^1.0.1",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-uglify": "^3.0.1"
  }
}

安裝命令：

cnpm install grunt-contrib-concat --save-dev

2.Gruntfile.js

這個文件是配配置文件

module.exports = function (grunt) {
  // 項目配置
  grunt.initConfig({
    pkg: grunt.file.readJSON(
 
‘package.json‘),
    uglify:{
      js:{
        files:[{
          expand: true,
          cwd: ‘src/js‘,
          src: ‘**/*.js‘,
          dest: ‘dist/js‘
        }]
      }
    },
    concat:{
      js:{
         src: ‘dist/**/*.js‘,
         dest: ‘dist/index.min.js‘
      }
    }
  });
  grunt.loadNpmTasks(
 
‘grunt-contrib-uglify‘);
  grunt.loadNpmTasks(‘grunt-contrib-concat‘);
  // 默認任務
  grunt.registerTask(‘default‘, [‘uglify‘, ‘concat‘]);
}

這裏加深的是js 要合並文件，同時需要加載模塊及默認執行任務。

執行

grunt

在當前目錄下生成dist目錄

dist /

index.min.js

同理

css壓縮也是一樣的。

grunt 合並壓縮js和css文件（二）