Support .hbs file extension

Been working on a side-project using keystone and I had swapped this library into the framework instead of Jade. I had taken a week off from the code and came back to my project and in porting a handlebars theme from Ghost the file syntax was .hbs and as a result my partials weren’t being loaded. I dug way into express3-handlebars, like ._loadDir to see what was going on with my partials. Only to realize eventually that it was my file-extension.

To ease developer onboarding and alleviate frustration might be best to just support the .hbs extension. I know this is minor, but I’m sure I’m not the first developer to spend several hours digging into code only to realize the minor issue.

[mgan59]

@daslicht I’m using the latest express3-handlebars with .hbs extension and they work. You need to remember that when you set your engine you must set the correct configurations.

Taking the example from the readme

var express = require('express'),
    exphbs  = require('express3-handlebars'),

    app = express(),
    hbs;

hbs = exphbs.create({
    // Specify helpers which are only registered on this instance.
    helpers: {
        foo: function () { return 'FOO!'; },
        bar: function () { return 'BAR!'; }
    }
});

app.engine('handlebars', hbs.engine);
app.set('view engine', 'handlebars');

you need to make it look like the following for the .hbs syntax to work. First add extname when you create the expresshbs engine. Secondly, when you mount it into express you need to change the engine key from handlebars to hbs. They must match or it will not work correctly. You can see a working example of this from my keystonejs hbs demo

var express = require('express'),
    exphbs  = require('express3-handlebars'),

    app = express(),
    hbs;

hbs = exphbs.create({
    // Specify helpers which are only registered on this instance.
    helpers: {
        foo: function () { return 'FOO!'; },
        bar: function () { return 'BAR!'; }
    },
   extname:'.hbs'
});

app.engine('hbs', hbs.engine);
app.set('view engine', 'handlebars');

hope this helps 😃

[daslicht]

app.set(‘view engine’, ‘handlebars’); is not working but when i use :

app.set(‘view engine’, ‘hbs’); !

Thank you !