如何在修改后在nodejs中重新加载项目

时间:2017-12-27 02:26:21

标签: javascript node.js express twig nodemon

我是nodejs的新手,每次创建项目时我都需要在使用twig,jade或ejs模板引擎修改html文件后重启服务器。 关于如何在不重新启动服务器的情况下在浏览器上显示更改的任何想法。

这是server.js:

var express=require('express');
var bodyParser=require('body-parser');
var path=require('path');
var twig=require('twig');

var app=express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:false}));
app.use(express.static(path.join(__dirname,'public')));
app.set('view engine','twig');
app.set('twig options',{strict_variables:false});
app.set('views',path.join(__dirname,'views'));


 
app.get('/',function(req,res){
    res.render('index.twig',{message:'test'});
});

app.listen(3000,function(){
    console.log('Server started and listening on port 3000 ... ')
});

我使用twig作为视图引擎

views / index.twig:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    {{ message }}
</body>
</html>

我使用nodemon也尝试过主管,两者都没有改变

2 个答案:

答案 0 :(得分:1)

要解决此问题,您可以像这样使用nodemon

 nodemon -e .js,.twig app.js  

您还可以在根文件夹中创建nodemon.json并添加此配置:

{
  "ext": "js,twig,mjs,json"
}

答案 1 :(得分:0)

使用 nodemon npm模块,并在进行更改后重新加载项目。

全局安装nodemon

$ npm install -g nodemon

将nodemon安装为开发依赖项

$ npm install --save-dev nodemon

$ cd [project path] // ex: myapp

$ nodemon [your node app] // nodemon ./server.js