返回介绍

安装 - 集成

发布于 2020-02-22 16:47:29 字数 1899 浏览 931 评论 0 收藏 0

以下软件包在不同的环境中集成了 Handlebars。这些软件包 并非 由 Handlebars 团队负责。

有多个 Webpack 插件,可让你在 Webpack 环境中使用 Handlebars。

Webpack: handlebars-loader

handlebars-loader 允许你导入 预编译 模板。只需 将你的 handlebars-template 写入 template.handlebars 文件中,然后使用

const compiledTemplate = require("./template.handlebars");

或是

import compiledTemplate from "./template.handlebars";

Webpack: handlebars-webpack-plugin

handlebars-webpack-plugin 使用 Handlebars 构建你的静态 HTML 页面

Babel: handlebars-inline-precompile

babel-plugin-handlebars-inline-precompile 提 供了预编译的 Handlebars 模板,这些模板在 JavaScript 源代码中作为模板文本提供:

import hbs from "handlebars-inline-precompile";
const compiledTemplate = hbs`{{name}}`;

请参阅包文档以获取设置说明。

Browserify: hbsfy

hbsfy 包可让你在浏览器中导入预编译的模板环境:

const compiledTemplate = require("./template.handlebars");

parcel-plugin-handlebars-precompile

TODO: 在此填写

https://www.npmjs.com/package/parcel-plugin-handlebars-precompile

parcel-plugin-handlebars

TODO: 在此填写

https://www.npmjs.com/package/parcel-plugin-handlebars

(npm 中此软件包有很多 forks。尚不清楚其他的 forks,但这是最佳版本)

https://www.npmjs.com/search?q=parcel-plugin-handlebars

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文