gulp --watch问题,按照老师说的做了,还是做不到热更新

来源:2-5 文件自动监听,项目构建测试

慕仔3077336

2018-01-20

在app.js加上app.use(require("connect-livereload")());

gulp-livereload和connect-livereload模块都已经正常安装导入

"devDependencies": {
 "@babel/register": "^7.0.0-beta.38",
 "babel": "^6.23.0",
 "babel-core": "^6.26.0",
 "babel-loader": "^7.1.2",
 "babel-preset-env": "^1.6.1",
 "babel-preset-es2015": "^6.24.1",
 "babel-register": "^6.26.0",
 "connect-livereload": "^0.6.0",
 "del": "^3.0.0",
 "gulp": "^3.9.1",
 "gulp-concat": "^2.6.1",
 "gulp-if": "^2.0.2",
 "gulp-live-server": "0.0.31",
 "gulp-livereload": "^3.8.1",
 "gulp-plumber": "^1.2.0",
 "gulp-rename": "^1.2.2",
 "gulp-sequence": "^1.0.0",
 "gulp-uglify": "^3.0.0",
 "gulp-util": "^3.0.8",
 "require-dir": "^0.3.2",
 "vinyl-named": "^1.1.0",
 "webpack": "^3.10.0",
 "webpack-stream": "^4.0.0",
 "yargs": "^10.1.1"
}

写回答

3回答

慕仔3077336

提问者

2018-01-20

搞定,server下路径有问题,gulp.watch(['server/routes/*.js','server/app.js'],function(){
   server.start.bind(server)()
});

这样才对

0
0

慕仔3077336

提问者

2018-01-20

我刚觉serve那个任务没有运行

0
0

慕仔3077336

提问者

2018-01-20

?*server下的app.js*/

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use(require('connect-livereload')());
app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function (req, res, next) {
   var err = new Error('Not Found');
   err.status = 404;
   next(err);
});

// error handler
app.use(function (err, req, res, next) {
   // set locals, only providing error in development
   res.locals.message = err.message;
   res.locals.error = req.app.get('env') === 'development' ? err : {};

   // render the error page
   res.status(err.status || 500);
   res.render('error');
});

module.exports = app;

0
0

ES6零基础教学 解析彩票项目

ES6从零开始,量身设计的迷你案例,让你全面掌握ES6

2579 学习 · 881 问题

查看课程