gulp 前端自动化工具,是基于流的自动化构建工具;
安装步骤:
- cnpm install gulp -g //全局安装gulp
- cnpm init //初始化package.json文件
- gulpfile.js //手动创建gulpfile.js
- cnpm install gulp@3.9.1 --save-dev //本地安装 gulp 以及其它插件
- gulp //启动
gulpfile.js
var gulp = require('gulp'),
webserver = require('gulp-webserver');
//定义任务 监听index.html 启动webserver
gulp.task('default',['watch','webserver']);
gulp.task('watch',function(){
gulp.watch(['index.html'])
})
gulp.task('webserver',function(){
gulp.src('') //该任务针对的文件
.pipe(webserver({ //该任务调用的模块
path:'/',
host:'127.0.0.1',
port:'8082',
livereload: true, //自动刷新
direactoryListing:true, //指定目录找到
open:true //自动打开
}));
})