# 集成

以下软件包在不同环境中集成了 Handlebars。这些软件包由 Handlebars 团队提供 not 官方支持。

有多个 webpack 插件允许你在 Webpack 环境中使用 Handlebars。

# Webpack: handlebars-loader

handlebars-loader (opens new window) 允许你导入 precompiled 模板。只需将你的 Handlebars 模板写入 template.handlebars 文件并使用导入即可

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

import compiledTemplate from "./template.handlebars";

编译应用时，handlebars-webpack-plugin (opens new window) 使用 Handlebars 静态构建 HTML 页面

html-bundler-webpack-plugin (opens new window) 使用各种模板引擎引入 Handlebars (opens new window) 来渲染模板并将样式和脚本打包到生成的 HTML 中。

babel-plugin-handlebars-inline-precompile (opens new window) 预编译 Handlebars 模板，这些模板在 JavaScript 源代码中作为模板字面量提供：

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

请参阅软件包的文档以获取安装说明。

hbsfy (opens new window) 包允许你在 browserify 环境中导入预编译模板：

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

Parcel 有一个旧插件： https://www.npmjs.com/package/parcel-plugin-handlebars

但是你应该使用该软件包的众多分支之一，它们是最新的： https://www.npmjs.com/search?q=parcel-plugin-handlebars

最近的一项是： https://www.npmjs.com/package/@inventory/parcel-plugin-handlebars

待办事项：在这里写下文本

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