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") %> */\n'
       },
       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就会帮我们完成压缩了，如果报错记得查看是不是路径不对~