Webpack static file goodness

webpack-static-files.js

const HtmlWebpackPlugin = require('html-webpack-plugin');

function buildPages(people) {
  return [
    new HtmlWebpackPlugin({
      template: './templates/index.pug',
      filename: 'index.html'
    }),
    new HtmlWebpackPlugin({
      template: './templates/people.pug',
      filename: 'people.html',
      data: { people }
    }),
    ...buildPeoplePages(people)
  ]
}

function buildPeoplePages(people) {
  return people.map(({ name, title, bio, imagePath, _url }) => new HtmlWebpackPlugin({
    title: name,
    template: './templates/person.pug',
    filename: `people/${name.toLowerCase().split(' ').join('-')}.html`,
    data: { name, title, bio, imagePath, _url }
  }))
}

module.exports = buildPages;