4ern / laravel-mix-handlebars

Handlebars & Templates support for laravel mix

laravel-mix-handlebars plugin for Laravel-Mix

With this plugin you can use Handlebars and Handlebars-Layout with Laravel-Mix.

Install:

$ npm install --save-dev laravel-mix-handlebars

or

$ yarn add --dev laravel-mix-handlebars

Usage:

in your webpack.mix.js:

const mix = require('laravel-mix');
require('laravel-mix-handlebars');

/// mix.handlebars('your source folder', 'your dist or public folder', {your vars})
mix.handlebars('src/', 'dist/');

Note:

• The file extension must be .hbs.
• Partials must begin with an underscore so that they are recognized as partials. _myPartial.hbs.

Workaround for BrowserSync:

// webpack.mix.js
const mix = require('laravel-mix');
const BrowserSyncPlugin = require('browser-sync-webpack-plugin');

mix.webpackConfig(() => {
    return {
        plugins: [
            new BrowserSyncPlugin({
                host: 'localhost',
                port: 3003,
                watch: true,
                server: { baseDir: ['dist'] }
            })
        ]
    };
});

laravel-mix-handlebars's Issues

Missing changes in the npm package

Hi,

I installed this package (v1.0.3) from npm but couldn't make it work (on linux).
The changes made in this PR #3 are not present in the npm version.

Thank you

Support for Glob

Dear,

Can the support for https://laravel-mix.com/extensions/glob be added to this plugin? So we can also use globs in the handlebars source dir

Cannot find module 'Handlebars'

This is running on Linux, not sure if that has anything to do with it.

(node:575434) UnhandledPromiseRejectionWarning: Error: Cannot find module 'Handlebars'
Require stack:
- /project/node_modules/laravel-mix-handlebars/render.js
- /project/node_modules/laravel-mix-handlebars/index.js
- /project/webpack.mix.js
- /project/node_modules/laravel-mix/setup/webpack.config.js
- /project/node_modules/webpack-cli/lib/webpack-cli.js
- /project/node_modules/webpack-cli/lib/bootstrap.js
- /project/node_modules/webpack-cli/bin/cli.js
- /project/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:831:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (/project/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
    at HandlebarTask.precompile (/project/node_modules/laravel-mix-handlebars/render.js:29:27)
    at HandlebarTask.run (/project/node_modules/laravel-mix-handlebars/render.js:12:14)
    at CustomTasksPlugin.runTask (/project/node_modules/laravel-mix/src/webpackPlugins/CustomTasksPlugin.js:38:36)
    at CustomTasksPlugin.runTasks (/project/node_modules/laravel-mix/src/webpackPlugins/CustomTasksPlugin.js:79:21)
    at /project/node_modules/laravel-mix/src/webpackPlugins/CustomTasksPlugin.js:12:18
    at Hook.eval [as callAsync] (eval at create (/project/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:70:1)
(node:575434) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)