css - 使用 main.hbs 的 views 目录中不同的 .hbs 文件来自 public/folder 的不同 css 文件

Question

我有一个 main.hbs 文件，其中包含我导入的 js 和 css。这适用于我的 index.hbs，但我的其他 hbs 文件(例如 category.hbs)需要不同的(冲突的).css 文件。我如何创建更多 hbs 文件，如 main.hbs 来保存这些指向 javascript 和样式表的引用？

现在，我只是在我的个人 .hbs 文件的顶部和底部添加了必要的文件。

<!-- At the top of category.js -->


<link rel="stylesheet" type="text/css" href="../public/styles/category.css">
<link rel="stylesheet" type="text/css" href="../public/styles/category_responsive.css">

Answer 1

使用不同的布局文件。

main.hbs 是你的 index.hbs

为其他具有冲突 css 文件的 .hbs 文件创建新的布局文件 main2.hbs。 main2.hbs 将包含您的冲突 css 文件。

你的路由文件会调用main2.hbs布局文件

res.render('view', { title: 'my other page', layout: 'main2' });

因此具有冲突的 css 文件的页面，使用第二种布局。这意味着您有 2 个使用不同 css 文件的布局文件。

更多信息 How to change default layout in express using handlebars?