希望有人能给我提示。 我想将一个文件中的内容导入到我的车把文件中。是否可以? 就我而言,它是一个 css/scss 文件(例如 reset.css),我想将其样式导入到我的车把文件(styleReset.hbs)中。
“styleReset.hbs”应该看起来像这样:
<style type="text/css">
<!-- import of reset.css content -->
</style>
附言我不想使用 -tag
是的,可以将外部 css 文件导入您的车把 .hbs 文件(即模板引擎)。
请按照以下步骤操作:
app.use(express.static(__dirname + '/public'));
<link rel="stylesheet" href="../css/style.css">
您不能导入带车把的文件,只能导入部分文件。您可以预编译您的 reset.css,就好像它是一个把手部分一样,并将其包含在
{{> filename}}
.中
在不知道您的构建设置的情况下,我认为我无法详细介绍。
http://handlebarsjs.com/precompilation.html
(我个人会使用 sass 将我的 reset.css 导入到我包含在页面中的一些主要样式表中。)
也可以有一个“主”布局,它可以包括页眉和页脚。
app.engine('.hbs', exphbs({
extname: '.hbs',
defaultLayout: 'main'
}))
app.set('view engine', '.hbs')
此外,如果您使用的是“express-handlebars”(不是“hbs”)模块。您也可以设置您的分机名称。
添加后有效
// app.js file
app.use(express.static(path.join(__dirname, "public")));
public/
├── style.css/
// htm file
<link rel="stylesheet" href="/style.css">
index.js
public:
style.css
views:
index.hbs
Inside index.js
var express=require('express');
var app=express();
var hbs = require('hbs');
app.set('view engine', 'hbs');
app.use(express.static('.'));
Inside index.hbs
<head>
<link href="./public/style.css" rel="stylesheet">
</head>