收下普及一个小知识点,gulp也是可以开启http 服务的。引入问题场景:
var gulp = require('gulp');
var uglify = require('gulp-uglify');
var minifyCSS = require('gulp-minify-css');
var livereload = require('gulp-livereload');
var connect = require('gulp-connect');
//压缩js
gulp.task('scripts',function() {
gulp.src('dev/js/*.js')
.pipe(uglify())
.pipe(gulp.dest('build/js'))
.pipe(connect.reload());
})
//压缩css
gulp.task('css',function() {
gulp.src('dev/css/*.css')
.pipe(minifyCSS())
.pipe(gulp.dest('build/css'))
.pipe(connect.reload());
})
//使用connect启动一个Web服务器
gulp.task('connect', function () {
connect.server({
root: './',
port:9097,
livereload: true
});
});
gulp.task('html', function () {
gulp.src('view/*.html')
.pipe(connect.reload());
});
gulp.task('watch',function(){
//livereload.listen();
gulp.watch('dev/js/*.js', ['scripts']);//侦听js文件执行 压缩 任务
gulp.watch('dev/css/*.css', ['css']);//侦听css文件执行 压缩 任务
gulp.watch(['view/*.html'], ['html']);
})
gulp.task('default',['connect','watch'])
从网上找的代码,全局安装完gulp-cli后,gulp dev启动项目,本机localhost:9097是可以访问的,但局域网下的其他机器访问不了,解决方法如下:
gulp.task('connect', function () {
connect.server({
root: './',
port:9097,
livereload: true,
host:'::' //或host: '0.0.0.0'就可以实现局域网访问
});
});
访问看看,看看问题是不是解决了