文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
安装 - 集成
以下软件包在不同的环境中集成了 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论