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