gulp windows配置记录

事实上gulp的基础用法都不明白,配置和用法都是东拼西凑的
坑于:2015-11-07 17:00


update 2015-11-07 19:30

[gulp api文档](http://www.gulpjs.com.cn/docs/api/ 》"http://www.gulpjs.com.cn/docs/api/")
browsersync 文档


安装gulp

npm install gulp -g --registry=http://registry.npm.taobao.org

安装后的位置
C:\Users\yinmi\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js

安装browser-sync
npm install -g browser-sync
目录新建 gulpfile.js
var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

// 代理--动态网站
gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "localhost:89",
        files:["application\\views\\*.html","application\\views\\templates\\*.html","www\\js\\*.js","www\\style\\*css"]     //监控文件变化
    });
});

gulp.task("default",["browser-sync"]);

代理的意思是使用动态网站

运行命令
gulp watch
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开...
    晚晴幽草阅读 3,127评论 0 13
  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 1,101评论 0 8
  • 前言 本文默认你已经安装好node环境,并且熟悉node命令,和window cd命令。 gulp简介 基于nod...
    9I阅读 1,995评论 4 50
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 455评论 0 2
  • 作者:Midaoi原文地址:http://www.cnblogs.com/Midaoi/p/4969812.htm...
    IT程序狮阅读 869评论 0 5