webpack.config.js

'use strict'

const path = require('path')
  , HandlebarsPlugin = require('handlebars-webpack-plugin')
  , config = require('./config.json')

const appRoot = path.resolve(__dirname)
  , hbx = require('HandlebarsExtended')({ appRoot, ...config.paths })

module.exports = {
  // mode: 'development', devtool: false,
  mode : 'production',
  entry : {
    site : './src/js/site.js',
    formevents : './src/js/formevents.js',
    workshops : './src/js/workshops.js'
  },
  output : {
    filename : '[name].js',
    path : path.join(__dirname, config.paths.outputBuildPath, 'js')
  },
  plugins : [
    new HandlebarsPlugin({
      entry : path.join(__dirname, 'src', 'view', 'page', '**', '*.hbs'),
      output : path.join(__dirname, config.paths.outputBuildPath, '[path]', '[name]'),
      data : config,
      // globbed path to partials, where folder/filename is unique
      partials : [
        path.join(appRoot, 'src', 'view', 'component', '*', '*.hbs')
      ],
      // register custom helpers
      helpers : {
        wrap : hbx.helpers.wrap,
        include : hbx.helpers.include,
        math : hbx.helpers.math
      },
      onBeforeRender : (hb, data, filename) => {
        let controllereData = {}
        try {
          const controllerName = filename
            .replace(/(\..*)?\.hbs$/, '') // strip .hbs or .ext.hbs extension
            .replace(config.paths.pagesPath, config.paths.controllerPath) // change to controller path
          controllereData = require(controllerName)
        } catch (e) {}

        const filenameNoExt = path.parse(path.basename(filename, '.hbs')).name
        return {
          pagename : {
            name : filenameNoExt,
            is : { [filenameNoExt] : true }
          },
          ...data,
          ...controllereData
        }
      }
    })
  ]
}