自动重启服务

pengchengCN · Dec 22, 2015 · c8af502 · c8af502
1 parent 9512a1d
commit c8af502
Show file tree

Hide file tree

Showing 23 changed files with 163 additions and 25 deletions.
diff --git a/app/css/main.css b/app/css/main.css
diff --git a/app/index.html b/app/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="css/index.css">
+</head>
+<body>
+hello world22
+</body>
+</html>
diff --git a/app/js/main.js b/app/js/main.js
@@ -0,0 +1,3 @@
+/**
+ * Created by Administrator on 2015-12-22.
+ */
diff --git a/app/js/tmp.js b/app/js/tmp.js
@@ -0,0 +1,3 @@
+/**
+ * Created by Administrator on 2015-12-22.
+ */
diff --git a/app/less/index.css b/app/less/index.css
@@ -0,0 +1,6 @@
+body {
+  color: red;
+}
+h2 {
+  color: red;
+}
diff --git a/app/less/index.less b/app/less/index.less
@@ -0,0 +1,8 @@
+@xxx: red;
+
+body {
+  color: @xxx;
+}
+h2 {
+  color: @xxx;
+}
diff --git a/build/jquery/jquery.js b/build/jquery/jquery.js
@@ -0,0 +1 @@
+console.log('jquery2');
diff --git a/build/js/src.js b/build/js/src.js
@@ -0,0 +1 @@
+console.log('src3');
diff --git a/dist/css/index.css b/dist/css/index.css
@@ -0,0 +1,6 @@
+body {
+  color: red;
+}
+h2 {
+  color: red;
+}
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link rel="stylesheet" href="css/index.css">
+</head>
+<body>
+hello world22
+</body>
+</html>
diff --git a/dist/js/src.js b/dist/js/src.js
diff --git a/dist/src.js b/dist/src.js
diff --git a/dist/target.js/src.js b/dist/target.js/src.js
diff --git a/dist/xx.js/yy.js/src.js b/dist/xx.js/yy.js/src.js
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,21 +1,24 @@
 var gulp = require('gulp');
-var rename = require('gulp-rename');
-//定义一个任务
-var a = 0;
-gulp.task('a+',function(cb){
-    //one是一个异步执行的任务
-    setTimeout(function(){
-       a++;
-        console.log('a++');
-        cb();
-    },3000);
+var less = require('gulp-less');
+var connect = require('gulp-connect');
+
+gulp.task('copyhtml',function(){
+    gulp.src('app/index.html').pipe(gulp.dest('dist')).pipe(connect.reload());
 });
-gulp.task('a-',function(){
-    //one是一个异步执行的任务
-    setTimeout(function(){
-       a--;
-        console.log('a--');
-    },3000);
+
+gulp.task('less',function(){
+    gulp.src('app/less/index.less').
+        pipe(less()).pipe(gulp.dest('dist/css')).pipe(connect.reload());
 });
 
-gulp.task('default',['a+','a-']);
+gulp.task('server',function(){
+    connect.server({
+        root:'dist',//服务器的根目录
+        port:8080 //服务器的地址，没有此配置项默认也是 8080
+        , livereload: true //自动刷新
+    });
+    gulp.watch('app/index.html',['copyhtml']);
+    gulp.watch('app/less/index.less',['less']);
+});
+//运行此任务的时候会在8080上启动服务器，
+gulp.task('default',['copyhtml','less','server']);
diff --git a/history/connect.js b/history/connect.js
@@ -0,0 +1,24 @@
+var gulp = require('gulp');
+var less = require('gulp-less');
+var connect = require('gulp-connect');
+
+gulp.task('copyhtml',function(){
+    gulp.src('app/index.html').pipe(gulp.dest('dist')).pipe(connect.reload());
+});
+
+gulp.task('less',function(){
+    gulp.src('app/less/index.less').
+        pipe(less()).pipe(gulp.dest('dist/css')).pipe(connect.reload());
+});
+
+gulp.task('server',function(){
+    connect.server({
+        root:'dist',//服务器的根目录
+        port:8080 //服务器的地址，没有此配置项默认也是 8080
+        , livereload: true //自动刷新
+    });
+    gulp.watch('app/index.html',['copyhtml']);
+    gulp.watch('app/less/index.less',['less']);
+});
+//运行此任务的时候会在8080上启动服务器，
+gulp.task('default',['copyhtml','less','server']);
diff --git a/history/copymultifiles.js b/history/copymultifiles.js
@@ -0,0 +1,4 @@
+var gulp = require('gulp');
+gulp.task('copy-other',function(){
+    return gulp.src(['app/css/*.css','app/js/*.js','!app/js/tmp.js'],{base:'app'}).pipe(gulp.dest('dist'));
+});
diff --git a/history/copysinglefile.js b/history/copysinglefile.js
@@ -0,0 +1,10 @@
+var gulp = require('gulp');
+
+/**
+ * 匹配多个目录 glob
+ * 可以填写一个数组
+ *
+ */
+gulp.task('copy-other',function(){
+    return gulp.src(['app/css/*.css','app/js/*.js']).pipe(gulp.dest('dist'));
+});
diff --git a/history/returnstream.js b/history/returnstream.js
@@ -0,0 +1,11 @@
+var gulp = require('gulp');
+
+gulp.task('one',function(cb){
+    var stream = gulp.src('script/**/*.js')
+        .pipe(gulp.dest('build'));
+    //return stream;
+});
+
+gulp.task('default',['one'],function(){
+    console.log('default is done');
+});
diff --git a/history/task.js b/history/task.js
@@ -0,0 +1,21 @@
+var gulp = require('gulp');
+var rename = require('gulp-rename');
+//定义一个任务
+var a = 0;
+gulp.task('a+',function(cb){
+    //one是一个异步执行的任务
+    setTimeout(function(){
+       a++;
+        console.log('a++');
+        cb();
+    },3000);
+});
+gulp.task('a-',function(){
+    //one是一个异步执行的任务
+    setTimeout(function(){
+       a--;
+        console.log('a--');
+    },3000);
+});
+
+gulp.task('default',['a+','a-']);
diff --git a/history/watch.js b/history/watch.js
@@ -0,0 +1,21 @@
+var gulp = require('gulp');
+var rename = require('gulp-rename');
+//压缩JS
+gulp.task('uglify',function(){
+    //do something
+    console.log('uglify');
+});
+//重启服务
+gulp.task('reload',function(){
+    //do something
+    console.log('reload');
+});
+gulp.task('default',function(){
+    //gulp.watch('script/**/*.js', ['uglify','reload']);
+
+    gulp.watch('script/**/*.js', function(event){
+        console.log(event.type); //变化类型 added为新增,deleted为删除，changed为改变
+        console.log(event.path); //变化的文件的路径
+    });
+
+});
diff --git a/script/jquery/jquery.js b/script/jquery/jquery.js
@@ -1,3 +1 @@
-/**
- * Created by Administrator on 2015-12-22.
- */
+console.log('jquery2');
diff --git a/script/js/src.js b/script/js/src.js
@@ -1 +1 @@
-console.log('hello');
+console.log('src3');