express组合gulp自动更新代码重启浏览器

如果是前后分离express只是提供接口可用直接使用：nodemon

npm i nodemon -s

nodemon ./bin/www

express+ejs开发方法：

gulp+browser-sync+gulp-nodemon

browser-sync：同步更新浏览器

gulp-nodemon：gulp版的nodemon

安装包走起：

npm i gulp -s
npm i browser-sync -s
npm i gulp-nodemon -s

新建gulpfile.js文件

var gulp = require('gulp'),browserSync = require('browser-sync').create(),nodemon = require('gulp-nodemon');
gulp.task('default', function () {var files = ['views/**/*.ejs','db/**/*.js','routes/**/*.js','models/**/*.js','public/**/*.*']browserSync.init(files, {proxy: 'http://localhost:3000',browser: 'chrome',notify: false,port: 4001});var stream = nodemon({script: './bin/www',ext: 'js html',env: {'NODE_ENV': 'development'}})stream.on('restart', function () {browserSync.reload();})gulp.watch('views/**/*.ejs').on("change", function () {browserSync.reload();});

控制行运行gulp即可

express组合gulp自动更新代码重启浏览器相关推荐

win10自动更新后，浏览器能上网但qq连接超时问题
昨天关机时没看清电脑自动更新什么,今天早上打开电脑就登不上qq,显示连接超时,同时360浏览器也无法上网,但谷歌浏览器上网却很正常.在百度里尝试了很多方法,终于花了整整一天的时间弄好了! 右击桌面左下 ...
Node.js中的express框架，修改内容后自动更新(免重启)，express热更新
有两个插件可以解决此问题:1)supervisor:2)nodemon. 今天我只讲supervisor如何安装.设置开机自动启动: 强调一下!用supervisor来启动nodejs,就不用用什么p ...
idea spring boot中热部署自动更新不用重启服务
近来在使用idea做springboot的项目,但是发现每次修改之后我都需要重新将项目关闭再开启,这样比较繁琐,发现通过热部署的方式让我们可以一边修改我们的项目,然后在页面中直接通过刷新展示出来 sp ...
Windows Server 2016 禁止自动更新后重启
管理员运行cmd 输入Sconfig, 选择5,选择m 转载于:https://www.cnblogs.com/runliuv/p/9920819.html
利用gulp,当引入文件改动时，版本号自动更新~
gulp自动更新版本号安装依赖 yarn add gulp-rev yarn add gulp-rev-collector 本次依赖的版本号为: "gulp": "^3 ...
后盾网lavarel视频项目---phpstorm 配置ftp，自动更新同步代码
后盾网lavarel视频项目---phpstorm 配置ftp, 自动更新同步代码一.总结一句话总结: 1.在phpstorm中设置:路径Tools/Deployment/Configuratio ...
phpstorm 配置ftp，自动更新同步代码（亲测完美）
phpstorm配置ftp,自动更新代码 2017年01月16日 11:50:44 阅读数:2115 第一步:Tools->Deployment->configruation 第二步:填写 ...
Win10问题篇：一次性永久关闭win10系统自动更新。
今天我的Win10系统又自动更新了,这让我很困惑,明明按百度上说的关闭了Windows Update服务怎么还会更新. 我抱着怀疑的态度再次打开服务. 冷静分析是这里的锅.可是这个系统组件又不能关闭. ...
flutter APP自动更新
flutter APP自动更新前言在pubspec.yaml中安装依赖在main.dart文件中,初始化FlutterDownLoader 配置网络在AndroidManifest.xml新增 ...

express组合gulp自动更新代码重启浏览器

express组合gulp自动更新代码重启浏览器相关推荐

最新文章

热门文章