Javascript 如何使用把手模板？

我买了一个主题，希望它有HTML和Angular版本，但我看到的都是HBS文件。 我是grunt/express/npm的新手，我不知道如何从这些文件中提取可能的html版本

有一个Gruntfile.js，我尝试在CLI上运行“grunt”，但我收到一个错误，说“找不到本地grunt文件”。 感觉就像是某种把手模板

下面是文件结构。

---

Handlebar只不过是小胡子上面的一个模板引擎，这意味着可以看到HTML以及内部的插值变量。那个

例如

把手模板看起来像普通HTML，带有嵌入式把手表达式

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{body}}
  </div>
</div>

这应该对yo起作用，因为——save dev会将grunt作为dev依赖项添加到package.json中。这使得重新安装依赖项变得容易

---

希望对你有用

您可以使用它将这些.hbs文件转换为.js，我相信您可以直接将其包含到html中-

---

Handlebar是语义模板引擎，这意味着您的html被创建为字符串。手柄基本上用于表示数据。比如说,

JS

var context = {site : jsgyanblogspot.com };

把手

<h3>{{site}}</h3>

{{site}

在上面，带有h3的部分是handlebar，表达式

{{site}

在当前上下文中查找值并获取值jsgyanblogspot.com

车把部分通过编译转换为HTML，在您的情况下，您需要预编译模板

预编译后，所有模板文件将转换为单个js文件（.hbs files=>single.js）

您的single.js文件包含HTML。您需要相应的npm模块进行预编译，只需从项目目录中键入安装所需npm模块的

npm install

---

如果这仍然不能解决您的问题，请尝试安装grunt本地执行的命令

sudo npm install grunt--save dev

从您的项目目录

Hi.。在hbs文件中，它是html与把手模板的混合。没有包含最终处理/呈现html文件的分发或文件夹。

var context = {site : jsgyanblogspot.com };

<h3>{{site}}</h3>