grunt和seajs入门之--提取依赖、合并、压缩js文件

 

一、安装grunt:

npm install -g grunt-cli //安装
npm install grunt –save-dev //安装Grunt最新版本到项目目录中，并将其添加到devDependencies内
grunt –version //出现grunt -cli 和 grunt的版本号即安装成功

二、配置packge.json文件：
【代码中去掉注释】

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    transport: {
      webqq: {
        files: {
            //零时文件夹    提取依赖的文件
          ".build": ["main.js","range.js","scale.js","drag.js"]
        }
      }
    },

    concat: {
        webqq: {
          files: {
              //合并后的新文件
              "dist/main.js": [".build/main.js",".build/range.js",".build/scale.js",".build/drag.js"]
          }
        }
    },

    uglify: {
        webqq: {
            files: {
            //压缩的文件
              "dist/main.min.js": "dist/main.js"
            }
        }
    }

  });

    //加载插件
  grunt.loadNpmTasks('grunt-cmd-transport');
  grunt.loadNpmTasks('grunt-cmd-concat');
  grunt.loadNpmTasks('grunt-contrib-uglify');

  grunt.registerTask('default', ['transport','concat','uglify']);

};


};

四、在命令行输入：

grunt
就实现了合并，压缩的操作；在dist目录下找到相应的文件。