跟我一起入门grunt，读我这篇文章就够了！

这是一个菜鸟的学习笔记，很适合也是菜鸟的你！

相关传送门：

1. 点击这里观看相关的别人的视频；
2. 点击这里去往grunt网站；
3. 点击这里去“基德哈噗”上看grunt。

开始学习：

一、grunt的开发环境

二、个人目录：

注意点：

1. package.json文件的配置

   {
       "name": "grunt_test",    //下载的包名和自定的名字不能一致，有冲突
       "version": "1.0.0",
   }

    

三、全局安装 grunt-cli 与局部安装grunt

npm install -g grunt-cli
npm install grunt --save-dev

安装到这里直接运行grunt命令是会报错的，需要手动创建一个Gruntfile.js的文件，运行grunt任务的时候，首先会找到这个文件。

四、官网有文件配置示例，我从官网直接搬运过来并且做了一点点小小的修改：

module.exports = function(grunt) {

  // 初始化配置grunt任务
  grunt.initConfig({
    // 读取相关的项目信息
    pkg: grunt.file.readJSON('package.json'),
    // 配置插件（该插件为压缩js）
    uglify: {
       // 选项，可有可无
      options: {
        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
      },
      
      build: {
        // 输入路径
        src: 'src/<%= pkg.name %>.js',
        // 输出路径
        dest: 'build/<%= pkg.name %>.min.js'
      }
    }
  });

  // 加载对应的任务插件。
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // 默认被执行的任务列表。
  grunt.registerTask('default', ['uglify']);

};

上面的示例是先用 npm install grunt-contrib-uglify --save-dev 命令安装了压缩的插件，然后像上面示例一样配置文件；

插件的说明和使用方法在文章开头的链接都能找到。

直接输入grunt命令，就能执行grunt的任务了，具体的使用技巧可观看视频或者是官网；

END;