gulpfile.js 可以这样进行书写
var gulp = require('gulp');
var livereload = require('gulp-livereload');
var gulpLoadPlugins = require("gulp-load-plugins");
var plugins = gulpLoadPlugins();
var connect = require('gulp-connect');
var pkg = require("./package.json");
/*开发路径定义,分开发目录和生产目录*/
var basePath = pkg.project;
var devPath = basePath + "/app/src";
//创建watch任务去检测html文件,其定义了当html改动之后,去调用一个Gulp的Task
gulp.task('watch', function () {
gulp.watch(['app/**/*.html'], ['html']);
});
//使用connect启动一个Web服务器
gulp.task('connect', function () {
connect.server({
root: 'app',
port:3000,
host:'127.0.0.1',
livereload: true
});
});
gulp.task('html', function () {
gulp.src('app/**/*.html')
.pipe(connect.reload());
});
//运行Gulp时,默认的Task
gulp.task('default', ['connect', 'watch']);
分享到:
相关推荐
Gulp插件 gulp-htmlmin 吞咽 gulp重命名 gulp-concat 口香糖 gulp-image-data-uri 口香糖 gulp-minify-css 吞咽净化 手表 浏览器同步 Gulp任务 gulp css :将sass编译为css +缩小 gulp js :concat +缩小脚本 ...
gulp搭建前端框架
gulp.js 是一种基于流的,代码优于配置的新一代构建工具。... 插件高质 gulp严格的插件指南确保插件如你期望的那样简洁高质得工作。 易于学习 通过最少的API,掌握Gulp毫不费力,构建工作尽在掌握:如同一系列流管道。
Gulp, Gulp构建前端自动化工作流(Gulp入门介绍)
gulp4.0.2 前端构建脚手架,代码示例 https://www.oddity.cn/10001031.html 源代码
gulp3.9.1 前端构建脚手架,代码示例,https://www.oddity.cn/9991031.html 源代码下载
HubSpot CMS样板+ Gulp + Webpack + SCSS + Babel + Love 在HubSpot CMS上构建出色网站的起点仍然直截了当,但更好。 目的 将Gulp,Webpack,SCSS和Babel添加到标准Hubspot CMS样板中。 入门 进行标准样板所需的...
gulp+sass+webstrom dome
基于腾讯 artTemplate 的 gulp 前端模版插件,功能类似于 gulp-file-include 插件。在编写模版时可以使用全部 artTemplate 的语法,引用模版时可以传递 JSON 数据用于渲染模版。同时也支持模版嵌套。 OSC的编辑器我...
:rocket: Gulp 4 + Webpack 4 + Babel + BrowserSync + ITCSS体系结构+ BEM方法论 这些工具使其成为坚实的前端样板,可以启动新项目。 :wrapped_gift: 产品特点 产品特点 描述 任务执行器 CSS , , , CSS工具 ...
项目锅炉:Gulp工作流程设置+ Sass Architecture
用的的NPM各模块插件版本除了Gulp是3.9.0之外,其它都是最新版的,目录如下: "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", ...
基于gulp的前端构建工具, 集成java freemarker开发环境
gulp 前端构建工具gulp demo
gulp+borwser-sync+http-proxy-middleware,代理解决跨域
该包是gulp的项目插件包,使用时需将该包解压至项目的根目录下。 之后配置好系统全局gulp,就可以使用了。 包含的gulp插件如下: "gulp": "^3.9.1", "gulp-concat": "^2.6.0", "gulp-htmlmin": "^2.0.0", "gulp-...
使用移动优先技术在Node.js + Gulp + Pug + Sass堆栈上构建和测试Web布局的基本模板。 考虑到项目的可扩展性,该模板包括:自动化,模板化,HTML预处理,CSS,后处理,用于模型站点的图像压缩。 建立项目 要构建...
gulp-nodemon gulp + nodemon +便利安装$ npm install --save-dev gulp-nodemon用法Gulp-nodemon几乎与常规nodemon完全一样,但是它是与gulp任务一起使用的。nodemon([选项]) Gulp-nodemon对象接受一个options对象...
整合了koa2+bootstrap-sass+gulp+ejs,顺便引入了一个1.11版的jquery.解压缩后请在项目根目录执行npm install.使用项目自带的gulpfile可以正确编译项目里集成的bootstrap-sass,可以自动压缩src目录下的js,css,sass和...
一款基于Gulp的前端自动化脚手架,方便本地开发,集html、js压缩、sass、自动添加厂商前缀、精灵图功能于一体