browser-sync 代理,具体要怎么实现呢

来源:2-3 Browser-Sync的使用

qq_四年_4

2017-03-01 13:58

RT, browser-sync 代理,具体要怎么实现呢

写回答 关注

1回答

  • hey_ff
    2017-03-02 12:24:05
    var gulp = require('gulp'), //基础库
        less = require('gulp-less'), //less
        minifycss = require('gulp-minify-css'), //css压缩
        runSequence = require('run-sequence'), //按顺序执行
        browserSync = require('browser-sync').create()//页面实时刷新;
    // 样式处理------------------------------------------------------------------------------------------------------------------------------------------
    gulp.task('css', function() {
        gulp.src(file_road.cssSrc)
            .pipe(less({ style: 'expanded' }))
            .pipe(minifycss()) //todo暂时隐藏压缩
            .pipe(gulp.dest(file_road.cssDst_end)) //最终目录
            .pipe(browserSync.stream());//检测修改并自动刷新
    
    });
    // 监听任务 运行语句 gulp watch------------------------------------------------------------------------------------------------------------------------------------------
    gulp.task('watch', function() {
        browserSync.init({
            server: {
                baseDir: "./",
            },
        });
        // 监听css
        gulp.watch(file_road.w_cssSrc, ['css']);
        
    });
    gulp.task('dev', function(done) {
        runSequence(
            ['css'], ['watch'],
            done);
    });
    gulp.task('default', ['dev']);
    
    //运行gulp 即可;如果出现的默认 显示cannot get,再在后面添加相应的文件名称,例如 http://localhost:3000/html/index.html


    heyswe...

    正不知道怎么解决自动访问index.html的问题呢,你这最后一句话,试了下 管用!感谢

    2017-06-14 15:19:28

    共 2 条回复 >

前端实时可视化开发工具体验

使用可见即可得的开发模式,极大提高前端开发效率

43938 学习 · 72 问题

查看课程

相似问题