webpack.config.js

const path = require('path')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const ExtractTextPlugin = require('extract-text-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const GhPagesWebpackPlugin = require('gh-pages-webpack-plugin')
const glob = require('glob')
const randomEmoji = require('random-emoji')

let config = {
  entry: './src/script.js',
  output: {
    path: path.resolve(__dirname, 'build'), // Output folder
    filename: 'script.js',
  },
  mode: 'none',
  module: {
    rules: [
      // Include pug-loader to process the pug files
      {
        test: /\.pug$/,
        use: 'pug-loader'
      },
      // Include css/style loaders to process our css files
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    // Extract our css to a seperate css file
    new ExtractTextPlugin('styles.css'),
    // Use HTMLWebpackPLugin with template set to our pug template.
    new HTMLWebpackPlugin({
      template: `./src/index.pug`
    }),
    new CopyWebpackPlugin([
      { from: 'public/**/*', ignore: [ '*.pug' ], context: 'src' },
      { from: 'd3git/**/*' }
    ])
  ]
}

function setup(env) {
  //Publish to github with webpack --env.publish

  if (!env) {
    env = {}
  }

  if (env.publish) {
    emojis = randomEmoji.random({count: 2})
    config.plugins.push(
      new GhPagesWebpackPlugin({
        path: `${__dirname}/build`,
        options: {
            message: `Updating published slides ${emojis[0].character}${emojis[1].character}`,
        }
    })
    )
  }

  //Export anything in diagrams to the appropriate URL in output
  glob.sync(`${__dirname}/src/diagrams/*.?(pug|jade)`).forEach((item) => {
    config.plugins.push(
      new HTMLWebpackPlugin({
        filename: `diagrams/${path.basename(item, path.extname(item))}.html`,
        template: item
      }))
  });

  return config
}



module.exports = setup