我想将styles和js添加到我的车把文件中。我尝试寻找其他地方,但仍然找不到解决方案。我尝试使用partials存储stylesheet标签,然后将这些部分添加到车把,但这也没有用。(或者,如果有其他模板引擎提供更好的css支持,那么这对我也将起作用)请帮助!
styles.hbs(部分文件)
<link rel="stylesheet" href="./../css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./../css/main.css">
server.js
const express = require('express');
const hbs = require('hbs');
var app = express();
app.set('view engine', 'hbs');
hbs.registerPartials(__dirname + '/views/partials');
app.get('/', (req, res) => {
res.render('index.hbs');
});
app.listen(3000, ()=>{
console.log('Server is up at port 3000');
});
index.hbs
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home Page</title>
{{> styles}}
</head>
<body>
...
</body>
</html>
与脚本相比,Ejs对CSS具有更好的支持。您也可以参考本教程。
https://scotch.io/courses/create-a-crud-app-with-node-and-mongodb/templating