add gulp-demo

Author: itstrive

.gitignore

@@ -0,0 +1,2 @@
+/gulp-demo/node_modules
+/gulp-demo/dest

gulp-demo/gulpfile.js

@@ -0,0 +1,75 @@
+/*
+	常见问题：
+	Cannot find module 'gulp-imagemin'  找不到xxx模块
+	这时候一般要
+		npm install --save-dev gulp-imagemin  这样安装会自动更新package.json文件
+
+*/
+
+
+var gulp=require('gulp'),
+	rename=require('gulp-rename'),  //重命名
+	uglify=require('gulp-uglify'),  //压缩js
+	minifyCss=require('gulp-minify-css'), //压缩css
+	minifyHtml=require('gulp-minify-html'), //压缩html
+	jshint=require('gulp-jshint'),  //js代码检查
+	concat=require('gulp-concat'),  //文件合并
+	imagemin=require('gulp-imagemin'),
+	pngquant=require('imagemin-pngquant');  //png图片压缩插件
+	
+/*js代码检查*/
+gulp.task('js-hint',function(){
+	gulp.src('src/js/*')
+	.pipe(jshint())
+	.pipe(jshint.reporter());	
+});
+
+/*css或者js合并*/
+gulp.task('concat',function(){
+	gulp.src('src/css/*')  //要合并的文件
+	.pipe(concat('main.css'))  //合并匹配到的css文件，并命名为main.css
+	.pipe(gulp.dest('src/css'));
+});
+
+/*js压缩*/
+gulp.task('minify-js',function(){
+	gulp.src('src/js/*')
+	.pipe(uglify())
+	//.pipe(rename('jquery.min.js'))
+	.pipe(gulp.dest('dest/js'));
+});
+/*css压缩*/
+gulp.task('minify-css',['concat'],function(){  //minify-css 依赖于concat
+	gulp.src('src/css/*')
+	.pipe(minifyCss())
+	.pipe(gulp.dest('dest/css'));	
+});
+/*压缩html*/
+gulp.task('minify-html',function(){
+	gulp.src('src/html/*')
+	.pipe(minifyHtml())
+	.pipe(gulp.dest('dest/html'));	
+});
+
+/*压缩图片*/
+gulp.task('image-min',function(){
+	return gulp.src('src/images/*')
+	.pipe(imagemin({
+            progressive: true,
+            use: [pngquant()]  //使用pngquant来压缩png图片
+        })
+	)
+	.pipe(gulp.dest('dest/images'));
+});
+
+
+gulp.task('default',['js-hint','concat','minify-js','minify-css','minify-html','image-min']);
+
+
+gulp.watch('src/js/*',['minify-js']);  //监听 src/js/下面所有js文件的改动，只要改动就执行 minify-js任务 
+
+
+/*
+gulp-imagemin 的插件： https://www.npmjs.com/browse/keyword/imageminplugin
+		      项目主页： https://github.com/sindresorhus/gulp-imagemin
+*/

gulp-demo/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "test",
+  "version": "1.1.1",
+  "description": "test gulp play",
+  "main": "gulpfile.js",
+  "dependencies": {
+    "gulp": "^3.9.0"
+  },
+  "devDependencies": {
+    "gulp-concat": "^2.6.0",
+    "gulp-imagemin": "^2.3.0",
+    "gulp-jshint": "^1.11.2",
+    "gulp-minify-css": "^1.2.0",
+    "gulp-minify-html": "^1.0.3",
+    "gulp-rename": "^1.2.2",
+    "gulp-uglify": "^1.2.0",
+    "imagemin-pngquant": "^4.1.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "strive",
+  "license": "MIT"
+}

gulp-demo/readme.txt

@@ -0,0 +1,33 @@
+gulp�÷���
+1. gulp�İ�װ
+	npm install -g gulp ȫ�ְ�װ
+	npm install gulp    ȫ�ְ�װ��ϣ�ÿ����Ŀ������װ
+	����밲װ��ʱ���gulpд����package.json�ļ����棬���Լ��� --save-dev
+	npm install --save-dev gulp
+	
+2. ʹ��gulp
+a). ����һ��gulpfile.js,��gulpfile�ж�������
+	eg:
+	var gulp=require('gulp');
+
+	gulp.task('default',function(){
+		console.log('gulp default task');	
+	});
+b). �ܵ���ǰgulpĿ¼�£�����gulp�������gulp default
+3. gulp���õ�api
+	gulp.task()
+	gulp.src();
+	gulp.desc();
+	gulp.watch();
+
+gulp.src(['js/*.js','css/*.css','*.html']) ��ȡ����Ҫ�������ļ�
+	gulp.src(globs[, options])
+gulp.desc(); ������д�ļ���
+	gulp.dest(path[,options])
+
+gulp.task(); ��������
+
+gulp.watch()���������ļ��ı仯�����ļ������仯�����ǿ�����������ִ����Ӧ�����������ļ�ѹ����
+
+
+