文档章节

gulpfile.js 中 BrowserSync 配置方法

切图小弟
 切图小弟
发布于 2016/12/07 16:08
字数 151
阅读 40
收藏 1
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var less = require("gulp-less");
var reload = browserSync.reload;
gulp.task('browser-sync',function(){
    browserSync.init({
        server:{
            baseDir: './'
        },
        port: 2020,
        // proxy: "http://localhost:2020/project-prepare/"
    }) 
});
gulp.task("gulp-less", function() {
	gulp.src("./src/less/*.less")
		.pipe(less())
		.pipe(gulp.dest("./css"));
});
gulp.task("watch", function() {
	gulp.watch(["./src/less/*.less"], ["gulp-less"]);
	gulp.watch(["./*.html", "./js/*.js", "./css/*.css"], reload);
})
gulp.task("default", ["browser-sync", "watch"]);

这里额外使用了 gulp-less 用于对 less 文件进行实时编译转换。

其中 browserSync.init 配置参数中使用 proxy 来替换 server 和 port 参数是用来代理本地已有的服务器,即不使用 browserSync 提供的服务器。

还可以传入 browser: "chrome" 用来设置默认打开的浏览器。

© 著作权归作者所有

共有 人打赏支持
切图小弟
粉丝 1
博文 23
码字总数 3951
作品 0
杭州
程序员
私信 提问
dashboard开发环境搭建

1.dashboard开发环境搭建(Linux -ubuntu 16.04.2) 参考:dashboard工程目录下的requirements-installation.md和getting-started.md unbuntu安装 & java7安装 1)ubuntu 16.04.2 下载 地址:h......

v1-alpha
2017/10/31
0
0
gulp安装流程、使用方法及cmd常用命令导览

gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结     一、名词介绍: Npm——node包管理工具 一开始我不理解,包管理工具是什么鬼。后来用到的gulp也好,...

鋒o丫头
2017/07/14
0
0
第210天:node、nvm、npm和gulp的安装和使用详解

一、node 1、什么是node? 它不是JS文件,也不是JS框架,而是Server side JavaScript runtime,当服务端的一个JS文件运行时,会被NODE拦截,在NODE中运行JS代码。JS由ES(ECMAScript),DOM...

半指温柔乐
04/01
0
0
Nim 发布 0.19 版本 ,命令式编程语言

影响后向兼容的改变 future标准库重命名为sugar。 macros.callsite 现在被废弃, 因为引入了varargs。 只有一个元素的匿名元组现在可以被写作(1,),尾随逗号。该样例的底层AST是nnkTupleCon...

鑫鑫向融
09/27
0
0
使用gulp和browserSync实现页面自动刷新

在平时开发时,我用过很多gulp的自动刷新工具,昨天试了下browser-sync这款插件,感觉确实不错,分享给大家。 gulp和browser-sync的安装就不多介绍了,下面给出命令 将下面的文件写入文件...

阿振
2016/06/25
116
1

没有更多内容

加载失败,请刷新页面

加载更多

ui2code中的深度学习+传统算法应用

背景 在之前的文章中,我们已经提到过团队在UI自动化这方面的尝试,我们的目标是实现基于 单一图片到代码 的转换,在这个过程不可避免会遇到一个问题,就是为了从单一图片中提取出足够的有意...

阿里云官方博客
41分钟前
2
0
1-2 【包子mysql系列】, 对mysql的innoDB加锁分析

innoDB的事务,是基于锁来实现的,用到事务不自然就会用到锁,而如果对锁理解的不通透,很容易造成线上问题。 数据库加锁的分析,和事务的引擎,隔离级别,索引,主键索引都有关系, 如果去考...

爱吃大肉包
55分钟前
0
0
插入排序

/** * 插入排序 * @Title: insert * @Description: TODO(这里用一句话描述这个方法的作用) * @param 参数 * @return void 返回类型 * @throws */ static void insert(int[] arr ){ for(int i......

yzzzzzzzz
57分钟前
3
0
python Kmeans算法解析

一. 概述 首先需要先介绍一下无监督学习,所谓无监督学习,就是训练样本中的标记信息是位置的,目标是通过对无标记训练样本的学习来揭示数据的内在性质以及规律。通俗得说,就是根据数据的一...

终日而思一
57分钟前
3
0
Nginx+Keepalived实现站点高可用

Nginx+Keepalived实现站点高可用

吴伟祥
58分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部