node.js grunt文件压缩

对于前段来说，熟悉node的人其实还并不是太多，如果您想入门一门后端语言我建议还是从node入手最好。

我也是最近开始学习node，来谈谈近期对node的学习的心得。

提到node首先就是要安装一大堆的运行环境安装插件等。网上教程有很多，这里不在多说了。

这里主要给大家分享一个非常实用的插件，grunt（下载链接）,一般都是直接在node命令行下载

npm install grunt

安装好grunt还需要安装内置插件

grunt-contrib-uglify   //js代码压缩

grunt-contrib-concat   //代码合并

grunt-contrib-cssmin   //css代码压缩

grunt-contrib-less   //less代码转换成css

……官方网站有很多插件，可以根据需要进行安装，这里我们只介绍一个。

安装你需要的插件即可，这里我们安装grunt-contrib-uglify，可以进行代码的压缩；首先建立一个Gruntfile.js文件，配置代码如下

/*js 压缩*/
module.exports = function (grunt) {
  // 构建任务配置
  grunt.initConfig({
    //读取package.json的内容，形成个json数据
    pkg: grunt.file.readJSON('package.json'),
    //压缩js
    uglify: {
      //文件头部输出信息
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */
'
      },
      my_target: {
        files: [
          {
            expand: true,
            //相对路径
            cwd: 'js/',
            src: '*.js',
            dest: 'dest/js/',
            rename: function (dest, src) {  
                  var folder = src.substring(0, src.lastIndexOf('/'));  
                  var filename = src.substring(src.lastIndexOf('/'), src.length);  
                  //  var filename=src;  
                  filename = filename.substring(0, filename.lastIndexOf('.'));  
                  var fileresult=dest + folder + filename + '.js';  
                  grunt.log.writeln("现处理文件："+src+"  处理后文件："+fileresult);  
                  return fileresult;  
                  //return  filename + '.min.js';  
                } 
          }
        ]
      }
    }
  });
  // 加载指定插件任务
  grunt.loadNpmTasks('grunt-contrib-uglify');
  // 默认执行的任务
  grunt.registerTask('default', ['uglify']);
};

再配置一个package.json文件，代码如下

{  
    "name": "cyjs",  
    "version": "0.1.0",  
    "description": "js for k68.org",  
    "homepage": "http://www.k68.org/",  
    "author": "firebaby",  
    "devDependencies": {  
      "grunt": "~0.4.1",  
      "grunt-contrib-jshint": "~0.3.0",  
      "grunt-contrib-concat": "~0.1.1",  
      "grunt-contrib-uglify": "~0.1.2",  
      "grunt-contrib-cssmin": "~0.5.0",  
      "grunt-htmlhint": "~0.9.2"  
    }  
}  

有了这两个文件，我们只需要把要压缩的目标文件放入js文件里，然后node启动 grunt 命令node就会帮我们完成压缩了，如果报错记得查看是不是路径不对~