# Integrations

The following packages integrate Handlebars in different environments. These packages are not officially supported by the Handlebars team.

There are multiple webpack-plugins that allow you to use Handlebars in a Webpack environment.

# Webpack: handlebars-loader

The handlebars-loader allow you to import precompiled template. Just write your handlebars-template into a template.handlebars-file and import it using

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

or

import compiledTemplate from "./template.handlebars";

# Webpack: handlebars-webpack-plugin

The handlebars-webpack-plugin uses Handlebars to build your HTML-pages statically when compiling your application

# Babel: handlebars-inline-precompile

The babel-plugin-handlebars-inline-precompile precompiles Handlebars templates that are provided as template literals in the JavaScript source code:

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

Please refer to the documentation of the package for setup instructions.

# Browserify: hbsfy

The hbsfy package allows you to import precompiled templates in a browserify environment:

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

# parcel-plugin-handlebars-precompile

TODO: Write text here

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

# parcel-plugin-handlebars

TODO: Write text here

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

(there are many forks of this package in npm. It is not clear, which is the best version)

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