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

来源:互联网 发布:python灰帽子 编辑:程序博客网 时间:2024/06/06 15:03

一、安装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目录下找到相应的文件。

原创粉丝点击