Nodejs框架express热更新

作者

1、安装gulp

npm install --save-dev gulp

2、安装后端代码自动刷新插件gulp-nodemon 

npm install --save-dev gulp-nodemon

3、安装browser-sync 

npm install --save-dev browser-sync

4、在项目目录下增加gulpfile.js

代码如下：


var gulp=require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var nodemon = require('gulp-nodemon');
 
//启动express
gulp.task("node", function() {
    nodemon({
        script: './bin/www',
        ext: 'js html',
        env: {
            'NODE_ENV': 'development'
        }
    })
});
 
 
gulp.task('server', gulp.series("node", function() {
 // 文件类型
    var files = [
        'views/**/*.html',
        'views/**/*.ejs',
        'views/**/*.jade',
        'public/**/*.*'
    ];
 
    browserSync.init(files, {
        proxy: 'http://localhost:3000',
        browser: 'chrome',
        notify: false,
        port: 3001
    });
 
    gulp.watch(files).on("change", reload);
}));

5、修改package.json

在scripts下，增加：

“server": "gulp server"

6、执行命令后，可实现修改后刷新，不需要重启

npm run server