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:

1const mix = require('laravel-mix');
2require('laravel-mix-handlebars');
3
4/// mix.handlebars('your source folder', 'your dist or public folder', {your vars})
5mix.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:

1// webpack.mix.js
2const mix = require('laravel-mix');
3const BrowserSyncPlugin = require('browser-sync-webpack-plugin');
4
5mix.webpackConfig(() => {
6    return {
7        plugins: [
8            new BrowserSyncPlugin({
9                host: 'localhost',
10                port: 3003,
11                watch: true,
12                server: { baseDir: ['dist'] }
13            })
14        ]
15    };
16});