How to use .html extensions for pens in express?

Question

So I was wondering how I can use the .html extensions, not the .handlebars or .hbs extensions. I do this, so I can develop using regular html so that my third-party developers can easily edit files in their IDEs without any additional configuration. In addition, it will help to quickly install html templates in our express applications.

Answer 1

So, I was able to do this by changing three things in my app.js. Hope this helps everyone as much as it helps me!

var express = require('express'), exphbr = require('express3-handlebars'), // "express3-handlebars" helpers = require('./lib/helpers'), app = express(), handlebars; // Create `ExpressHandlebars` instance with a default layout. handlebars = exphbr.create({ defaultLayout: 'main', helpers : helpers, extname : '.html', //set extension to .html so handlebars knows what to look for // Uses multiple partials dirs, templates in "shared/templates/" are shared // with the client-side of the app (see below). partialsDir: [ 'views/shared/', 'views/partials/' ] }); // Register `hbs` as our view engine using its bound `engine()` function. // Set html in app.engine and app.set so express knows what extension to look for. app.engine('html', handlebars.engine); app.set('view engine', 'html'); // Seperate route.js file require("./routes")(app, express); app.listen(3000); 

Answer 2

Agree with JemiloII ,

• extname: '.myext' in the configuration when creating an instance of expr-HBS ( exphbr.create() ) according to https://www.npmjs.org/package/express3-handlebars#-extname-handlebars-
• binding the expr-HBS engine to the extension: app.engine('myext', handlebars.engine); according to http://expressjs.com/3x/api.html#app.engine
• install the extension as a viewer: app.set('view engine', 'myext'); - unfortunately, there is no link to how this works.

Hello