Gulp 项目简单构建,自动刷新页面

/**
 * Created by 1900 on 12/18/2015.
 */
var plugins={
    fs:require("fs"),
    gulp:require("gulp"),
    uglify:require("gulp-uglify"),
    connect :require(‘gulp-connect‘),
    notify:require("gulp-notify")
}
var gulp = plugins.gulp;
//uglify 表示压缩
//dest表示部署
gulp.task(‘js‘, function () {
    gulp.src(‘src/*.js‘)
        .pipe(plugins.uglify())
        .pipe(gulp.dest(‘dist‘))
        .pipe(plugins.connect.reload())
        .pipe(plugins.notify({message:"js deploy"}))
});
gulp.task(‘html‘, function () {
    gulp.src(‘src/*.html‘)
        .pipe(gulp.dest(‘dist‘))
        .pipe(plugins.connect.reload())
        .pipe(plugins.notify({message:"html deploy"}))
});
gulp.task(‘connect‘, function () {
    plugins.connect.server({
        root:"dist",
        livereload:true
    });
});
gulp.task("watch",function()
{
    gulp.watch("src/*.js",["js"]);
    gulp.watch("src/*.html",["html"]);
})

gulp.task(‘default‘, function () {
    gulp.run("connect");
    gulp.run("watch");
});

gulpfile.js内容如上

项目结构图如下

时间: 2024-11-06 03:51:24

Gulp 项目简单构建,自动刷新页面的相关文章

gulp+browserSync自动刷新页面

BrowserSync "Browsersync能让浏览器实时.快速响应您的文件更改(html.js.css.sass.less等)并自动刷新页面.更重要的是 Browsersync可以同时在PC.平板.手机等设备下进项调试.您可以想象一下:"假设您的桌子上有pc.ipad.iphone.android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动".无论您是前端还是后端工程师,使用它将提高您30%的

Servlet自动刷新页面

以下内容引用自http://wiki.jikexueyuan.com/project/servlet/auto-refresh.html: 假设一个Web页面,显示了现场比赛得分或股票市场状况或货币兑换率.对于所有这些类型的页面,都需要使用浏览器中的Refresh或Reload按钮来定期刷新Web页面. Java Servlet提供一个机制使这项工作变得简单,可以使得Web页面在给定的时间间隔自动刷新. 刷新一个Web页面最简单的方式是使用响应对象的方法setIntHeader().以下是这种方

JSP简单练习-定时刷新页面

<%@ page contentType="text/html; charset=gb2312" %> <%@ page import="java.util.Date" %> <html> <head> <title>定时刷新页面</title> </head> <body> <% // 设置刷新页面的时间,每隔1秒钟刷新一次 response.setHeader(

js自动刷新页面代码

<script language="JavaScript">function myrefresh(){window.location.reload();}setTimeout('myrefresh()',1000); //指定1秒刷新一次</script> 页面自动刷新代码大全1) 自动刷新页面 在 <body> 与 </body> 之间加入: <META http-equiv=refresh content=”10;url=../

【Node.js学习笔记】使用Gulp项目自动化构建工具

刚接触node.js,对前端的一些东西还不是很清楚,据说Gulp这东西很强大,先来看看从网上抄的一段关于自动化构建的描述: 在为数众多的中小型软件作坊中,不存在自动化构建和发布工具.构建.交付准备环境.代码发布全由手工完成,同样还有运行测试.备份旧版本.新版本打标签以及许多其他重复的事情.毕竟你可能认为这全是非常简单的工作,集成开发环境通过按钮或快捷键就可构建项目,你开启两个窗口拖放少许文件或文件夹即可完成网站发布.但当你在维护代码库和应用时所有这些事情加在一起,这里几分钟,那里几分钟,最终会浪

如何实现自动刷新页面

如果需要自动刷新一个页面,可以用一个简单的HTML实现. <meta http-equiv="refresh" content="10" /> <title>refresh this page every 10 seconds. close this page to stop.</title> <iframe src="http://www.cnblogs.com/bitzhuwei/p/CSharpGL-an-e

使用node-livereload自动刷新页面

1. 安装node 2. 安装python 3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:\WebSite) e:\WebSite>npm install connect e:\WebSite>npm install serve-static e:\WebSite>npm install livereload 如果出现类似:MSB8036: The Windows SDK version 8.1 was not fo

Ajax+php实现自动刷新页面

前端代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> var xmlHttp; var count = 1; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp =

4.4 创建自动刷新页面

<1>使用Ajax,用户就可以不必反复点击刷新按钮,而实现网页内容的自动刷新 <2>例程采用单击按钮后开始执行,实际中一般以onload事件代替 <3>setTimeout方法,允许以固定的时间间隔(单位为毫秒)执行给定的方法 <4>createRow()方法使用DOM动态创建内容:refreshTime()用于刷新定时器的值 页面代码: <!DOCTYPE html> <html> <head> <meta cha