gulp-express实现node-express项目实时刷新
来源:互联网 发布:上海华东理工网络教育 编辑:程序博客网 时间:2024/05/15 23:44
gulp-express实现实时刷新
本来使用gulp-connect
可以创建本地服务器,配合Livereload就可以实现实时刷新,但express项目自带了服务器,就不太好办了,之前用了gulp-express
,实现了一部分,感觉很方便,但是只有jade模板变化会实时刷新,样式表和js文件则不会,之前的部分代如下:
gulp.task('server', ['styles', 'scripts'], function() { express.run(['./bin/www']); //启动 gulp.watch('src/scss/**/*.scss', ['styles']); //监视样式表 gulp.watch('src/js/**/*.js', ['scripts']); //监视js文件 gulp.watch('views/**/*.jade', express.notify); //监视模板文件 gulp.watch(['app.js', 'routes/**/*.js'], express.run);});gulp.task('default', ['server']);
找了一些资料提到一些gulp-livereload
, connect-livereload
各种,还是没有想出来解决办法,最后忽然想到是不是gulp-express
已经自带了,然后注意到express.notify
这个函数貌似就是刷新的意思,于是尝试在styles
和scripts
方法里面结尾加上express.notify()
,结果并没有什么卵用,然后试着在watch方法的callbacks列表后面加上notify:
gulp.watch('src/scss/**/*.scss', ['styles', express.notify]); //监视样式表gulp.watch('src/js/**/*.js', ['scripts', express.notify]); //监视js文件
还是没有作用→_→
然后试着在模板文件的路径前面加上样式表和js文件的路径:
gulp.watch(['views/**/*.jade', 'src/js/**/*.js', 'src/scss/**/*.scss'], express.notify);
依然不起作用→_→
最后的解决办法是。。。代码加上了这两句:
gulp.watch('public/**/*.css', express.notify);gulp.watch('public/**/*.js', express.notify);
终于好了。
0 0
- gulp-express实现node-express项目实时刷新
- node.js+ express + gulp + angular
- node express创建项目
- node+express创建项目
- node+express项目搭建
- node + express 实现https
- gulp 实现实时刷新
- gulp 实现实时刷新
- Node.js + express + socket 实现在线实时多人聊天室
- node.js express创建项目
- 基于express搭建node项目
- Node+Express+mysql实现CRUD
- 使用Gulp实现实时刷新
- node-express
- node express
- node express
- node-express
- WebStorm搭建Express+ejs的Node项目
- list()构造:一种从数组中方便获取值的方法
- HDU-5692-Snacks(DFS序+线段树)
- 龙书D3D11章节习题答案(第八章)
- 解决IE访问Oracel OEM证书错误
- javascript语法之字符串转换成数字
- gulp-express实现node-express项目实时刷新
- 值类型和引用类型
- hdu 5410 01+完全背包
- boa配置文件详解
- Git常用命令,很全很详细讲解的也不错
- 存储scale-up和scalce-out架构
- [leetcode] 【数组】 60. Permutation Sequence
- 003 创建Android应用程序的工程
- 【一天一道LeetCode】#56. Merge Intervals