改造app.js
- 使用html模板引擎
安裝 npm install ejs
- 修改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 router = express.Router();
var app = express();
// view engine setup
//app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'jade');
app.engine('html', require('ejs').renderFile);
app.set('view engine', 'html');
// 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(express.static(path.join(__dirname, 'static')));
// 增加
/* GET home page. */
router.get('*', function(req, res, next) {
res.render('index');
});
app.use('/', router);
module.exports = app;
- 刪除views顾孽、routes目錄，用不著了测秸，留著也不影響
- 創(chuàng)建目錄static
- static/index.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="description">
<meta name="apple-touch-fullscreen" content="yes" />
<title>test</title>
</head>
<body>
<div>test</div>
</body>
</html>
- SET DEBUG=eber:* & npm start
- 瀏覽器訪問http://localhost:3000钞瀑，就是新的目錄
使用bower
- 在項目根/static目錄中增加文件.bowerrc（不需要文件名）缠俺，文件內(nèi)容：
{
"directory": "./lib"
}
- 進入static目錄
- 執(zhí)行bower init
- 在static中進行靜態(tài)網(wǎng)頁開發(fā)，完成后把static文件夾中的文件復(fù)制到web服務(wù)器中運行
