如何向车把文件添加样式(css)和js?

问题描述 投票:2回答:1

我想将stylesjs添加到我的车把文件中。我尝试寻找其他地方,但仍然找不到解决方案。我尝试使用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>
javascript node.js express handlebars.js partials
1个回答
0
投票

与脚本相比,Ejs对CSS具有更好的支持。您也可以参考本教程。

https://scotch.io/courses/create-a-crud-app-with-node-and-mongodb/templating

© www.soinside.com 2019 - 2024. All rights reserved.