gulp watch
来源:互联网 发布:启明星基坑设计软件 编辑:程序博客网 时间:2024/05/21 10:27
这阵子使用react,每次都要打包把jsx文件转化为js,很麻烦,所以找到了gulp-watch。在保存jsx文件的时候就能自动打包,这样刷新浏览器就能看到新的结果了,棒棒哒!废话不多说,上代码先:
var gulp = require("gulp");
var browserify = require("browserify");
var reactify = require("reactify");
var source = require("vinyl-source-stream");
var livereload = require('gulp-livereload');//使用gulp watch需要安装这个插件
gulp.task("jsx",function(){
browserify({
entries: ["./app.jsx"],
transform: [reactify]
})
.bundle()
.pipe(source('app.js'))
.pipe(gulp.dest("./"))
});
gulp.task('watch', function() {
livereload.listen();
gulp.watch('./*.jsx', ['jsx']);
});
gulp.task("default",["jsx"]);
之后使用gulp命令,之后gulp watch命令,然后当我们保存文件的时候就能看到命令出现了一些新的命令,成功
0 0
- gulp watch
- gulp.watch
- gulp watch error - Waiting…Fatal error: watch ENOSPC
- gulp watch error on CentOS 7
- gulp 疑似缓存的问题,watch更新不及时
- Linux下gulp报错Error:watch ENOSPC的解决方法
- gulp-uglify 与gulp.watch()配合使用时遇到的重复压缩问题
- watch
- watch
- $watch
- watch
- watch
- watch
- watch
- watch
- watch
- $watch
- watch
- flume高并发优化——(3)haproxy
- 大公司或专业团队用什么前端工具?以及各个前端自动化工具教程
- TEE系统架构
- 2sum/3sum/ksum 问题
- 浅谈Java web 中request的setAttribute()用法
- gulp watch
- ajaxfileupload文件上传
- 在按顺序递增的数组中查找缺少的某一个数字
- Android 取消 ListView 点击效果
- 远程调试没配网络的电脑
- MVC介绍
- Android For JNI(五)——C语言多级指针,结构体,联合体,枚举,自定义类型
- Ubuntu PPTP设置教程(详细图文)
- PHP 正则表达式后面接的/isU, /is, /s含义