# 集成

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

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

# Webpack: handlebars-loader

handlebars-loader (opens new window) 允许你导入预编译模板。只需将你的 handlebars-template 写入 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) 包可让你在浏览器中导入预编译的模板环境：

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

这里有一个较老的插件包： https://www.npmjs.com/package/parcel-plugin-handlebars

但是你应该使用这些 forks 里面的其中一个，因为它们较新： https://www.npmjs.com/search?q=parcel-plugin-handlebars

最新的一个包是： https://www.npmjs.com/package/@inventory/parcel-plugin-handlebars

TODO: 在此填写

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