nodejs里的express自动刷新gulp-express使用【转载】
2017-08-25 18:02
357 查看
搬运自【http://blog.csdn.net/zhu_free/article/details/51476525】
gulp-express实现实时刷新
本来使用gulp-connect可以创建本地服务器,配合Livereload就可以实现实时刷新,但express项目自带了服务器,就不太好办了,之前用了gulp-express,实现了一部分,感觉很方便,但是只有jade模板变化会实时刷新,样式表和js文件则不会,之前的部分代如下:
找了一些资料提到一些
还是没有作用→_→
然后试着在模板文件的路径前面加上样式表和js文件的路径:
最后的解决办法是。。。代码加上了这两句
总结完整代码
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);
总结完整代码
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.watch('public/**/*.css', express.notify); gulp.watch('public/**/*.js', express.notify);});
gulp.task('default', ['server']);
相关文章推荐
- nodejs里的express自动刷新高级篇【转载】
- nodejs在线xlsx转json,使用gulp实现文件更改自动刷新
- 详解如何使用gulp实现项目在浏览器中的自动刷新
- 使用gulp和browser-sync实现自动刷新浏览器
- 浏览器自动刷新——基于Nodejs的Gulp LiveReload与VisualStudio完美结合。
- express+gulp+gulp-nodemon+browser-sync自动刷新
- 使用Jenkins自动部署nodejs应用 (转载)
- 使用gulp和browser-sync实现自动刷新浏览器
- 使用gulp和browserSync实现页面自动刷新
- 使用gulp+browser-sync搭建Sass自动化编译以及自动刷新
- 使用Gulp搭建本地开发web服务器及自动刷新
- 使用gulp和google浏览器实现保存自动刷新
- 使用gulp和browser-sync实现浏览器自动刷新
- gulp 同级目录,自动刷新和使用include
- 使用gulp实现自动刷新浏览器
- 使用gulp实现文件更改自动刷新
- gulp+browserSync+nodemon 实现express 全端自动刷新的实践
- 在WinForm中使用WebServices来实现软件自动升级(AutoUpdate)(C#)[转载]
- 在Windows使用NodeJs和Web Framework:Express开发网站
- 使用Ext.util.TaskRunner类实现,Ext的API中有示例,grid页面自动刷新