Johnqing · December 14, 2015 19:59 · Mar 13, 2013 · Mar 12, 2013 · Mar 12, 2013 · Mar 12, 2013
diff --git a/gruntjs 0.4 入门 b/gruntjs 0.4 入门
@@ -16,7 +16,7 @@
       "grunt-contrib-concat": "~0.1.1"
     }
   }
-6.在项目根目录运行命令: npm install
+6.在项目根目录运行命令: npm install (不带模块名会安装一些基础模块,npm install xx --save-dev）
 7.查看项目中node_modules目录，是否包含
   grunt
   grunt-contrib-concat

diff --git a/gruntjs 0.4 入门 b/gruntjs 0.4 入门
@@ -37,6 +37,8 @@
     });
     //载入concat模块
     grunt.loadNpmTasks('grunt-contrib-concat');
+    // 注册任务（0.4后貌似需要[]来添加注册模块）
+    grunt.registerTask('default', ['concat']);
   }
 9.运行命令：grunt，显示如下：
   Running "default" task

diff --git a/gruntjs 4.0 入门 → gruntjs 0.4 入门 b/gruntjs 4.0 入门 → gruntjs 0.4 入门
diff --git a/gruntjs 4.0 入门 b/gruntjs 4.0 入门
@@ -0,0 +1,46 @@
+（注意：本教程前提为未安装gruntjs其他版本，如果安装请删除！）
+1.安装node（在此不做介绍）
+2.运行命令: npm install -g grunt-cli（-g为全局安装，可在任何目录运行）
+3.进入项目目录，运行命令: npm install grunt --save-dev
+4.查看是否安装成功 grunt -version
+  成功显示: grunt-cli v0.1.6 grunt v0.4.0
+5.新建package.json
+  如下：
+  {
+    "name": "51",
+    "version": "0.1.0",
+    "devDependencies": {
+      "grunt": "~0.4.0",
+      "grunt-contrib-jshint": "~0.1.1",
+      "grunt-contrib-uglify": "~0.1.2",
+      "grunt-contrib-concat": "~0.1.1"
+    }
+  }
+6.在项目根目录运行命令: npm install
+7.查看项目中node_modules目录，是否包含
+  grunt
+  grunt-contrib-concat
+  grunt-contrib-jshint
+  grunt-contrib-uglify
+8.新建Gruntfile.js,结构如下：
+  module.exports = function(grunt) {
+    grunt.initConfig({
+      concat: {
+        options: {
+          separator: ';'
+        },
+        dist: {
+          src: ['assets/seajs/seajs.js', assets/init/config.js', 'assets/init/main.js', 'assets/init/category.js', 'assets/init/fimg.js', 'assets/init/lazyload.js'],
+          dest: 'dist/built.js'
+        }
+      }
+    });
+    //载入concat模块
+    grunt.loadNpmTasks('grunt-contrib-concat');
+  }
+9.运行命令：grunt，显示如下：
+  Running "default" task
+  default
+
+  Done, without errors.
+10.完成。
No results found