收下普及一個小知識點,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'就可以實現局域網訪問
});
});
訪問看看,看看問題是不是解決了