.rescriptsrc.js

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

module.exports = config => {
  let entryPoints = {
    VideoComponent: {
      path: "./src/VideoComponent.js",
      outputHtml: "video_component.html",
      build: true
    },
    Config: {
      path: "./src/Config.js",
      outputHtml: "config.html",
      build: true
    },
    LiveConfig: {
      path: "./src/LiveConfig.js",
      outputHtml: "live_config.html",
      build: true
    },
    Mobile: {
      path: "./src/Mobile.js",
      outputHtml: "mobile.html",
      build: true
    }
  }

  let entry = {}

  let output = {
    filename: '[name].js',
    path: path.resolve(__dirname, 'build')
  }

  let plugins = []

  for (name in entryPoints) {
    if (entryPoints[name].build) {
      entry[name] = entryPoints[name].path
      if (config.mode === 'production') {
        plugins.push(new HtmlWebpackPlugin({
          inject: true,
          chunks: [name],
          template: './template.html',
          filename: entryPoints[name].outputHtml
        }))
      }
    }
  }

  if (config.mode === 'development') {
    config.devServer = {
      contentBase: path.join(__dirname,'public')
    }
  }
  
  let rules = [
    {
      test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            name: '[name].[ext]',
            outputPath: 'fonts/'
          }
        }
      ]
    }
  ]

  config.module.rules.concat(rules)

  config = {
    ...config,
    entry,
    output,
    optimization: {
      minimize: false
    },
  }

  return config
}