grunt js

grunt js

1.安装grunt

grunt 作用：它可以完成诸如精简、编译、单元测试、lint检查等工作

grunt js需npm install grunt-contrib-uglify --save-dev要使用npm包管理器安装，nodejs默认包含npm，所以需要安装nodejs（很正常的安装方法，我因为磁盘问题被折腾的快吐血了）

2.简介

grunt分为三个部分，

gruntjs cli   

npm install grunt-cli -g  

类似添加环境变量的作用，每个目录都可以直接调用grunt命令

gruntjs task runner   

grunt核心作用

首先 使用 npm init 创建package.json

然后  运行 npm install grunt --save-dev 将grunt安装到本地，同时在devDependecies中会出现grunt包

以后即可运行grunt命令

grunt plugins

装好grunt，则需要创建Gruntfile.js告之grunt需要做什么操作

默认情况下可以在Gruntfile.js中写入下面代码

module.exports = function(grunt){
    grunt.initConfig({

    })  
};

归入正题，到plugin部分

这里我们可以简单演示 uglify（压缩功能）插件

首先 安装  npm install grunt-contrib-uglify --save-dev 插件

然后 修改Gruntfile.js这个配置文件

module.exports = function(grunt) {
  grunt.initConfig({
    uglify: {
      build: {
        src: ['js/app.js'],
        dest: 'js/app.min.js'
      }
    }
  });
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.registerTask('default', ['uglify']);
};

在运行grunt，即可发现 js下app.js被压缩成为app.min.js

http://segmentfault.com/a/1190000000353114