使用Gulp构建本地开发Web服务器

Shell代码  

1. npm install -g gulp  

Shell代码  

1. npm install -g gulp-connect  

Javascript代码  

1. //引入插件   
2. var  gulp = require( 'gulp' );  
3. var  connect = require( 'gulp-connect' );  
4.   
5. //创建watch任务去检测html文件,其定义了当html改动之后，去调用一个Gulp的Task   
6. gulp.task( 'watch' ,  function  () {  
7.     gulp.watch([ './www/*.html' ], [ 'html' ]);  
8. });  
9.   
10. //使用connect启动一个Web服务器   
11. gulp.task( 'connect' ,  function  () {  
12.     connect.server({  
13.         root:  'www' ,  
14.         livereload:  true   
15.     });  
16. });  
17.   
18. gulp.task( 'html' ,  function  () {  
19.     gulp.src( './www/*.html' )  
20.         .pipe(connect.reload());  
21. });  
22.   
23. //运行Gulp时，默认的Task   
24. gulp.task( 'default' , [ 'connect' ,  'watch' ]);  

Shell代码  

1. [gulp] Using gulpfile ~/Documents/workspace/ionic_workspace/open_party/gulpfile.js  
2. [gulp] Starting  'connect' ...  
3. [gulp] Server started http://localhost: 8080   
4. [gulp] LiveReload started on port  35729   
5. [gulp] Finished  'connect'  after  13  ms  
6. [gulp] Starting  'watch' ...  
7. [gulp] Finished  'watch'  after  6.69  ms  
8. [gulp] Starting  'default' ...  
9. [gulp] Finished  'default'  after  11  μs