gulp使用3.使用livereload实现页面自动刷新(续二)

[damoclesX]

使用gulp-livereload自动刷新页面的时候，默认是刷新index.html。想刷新其他页面时，可以在命令行传入参数

比如在命令行中传入参数

gulp --page app.html

目前(2015-08-13 16:44:17)可以使用gulp.env.page获取到app.html。但是会提示

gulp.env has been deprecated. Use your own CLI parser instead. We recommend usin
g yargs or minimist.

官方推荐的方法是使用yargs或者minimist等来实现。

如:yargs

npm install yargs -g

安装成功后,在gulpfile.js里面:

var argv = require('yargs').argv;

console.log(argv.page)

便可读取到传入的app.html

这时在之前的gulpfile.js里面便可以这样

var gulp = require('gulp'),
    livereload = require('gulp-livereload'),
    argv = require('yargs').argv;

var path = {
    js:'./js/*.js',
    css:'./css/*.css',
    html:'*.html'
};
function obj2array(obj){
    var arr = [];
    for(var i in obj){
        arr.push(obj[i])
    }
    return arr;
}
gulp.task('watch',function(){
    gulp.watch(obj2array(path),['livereload']);
})

gulp.task('livereload',function(){
    livereload.listen();
    livereload.reload(argv.page || 'index.html');
})
gulp.task('default',['watch'])