misode.github.io/webpack.config.js

const CopyWebpackPlugin = require('copy-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const MergeJsonWebpackPlugin = require("merge-jsons-webpack-plugin");
const config = require('./src/config.json')

module.exports = (env, argv) => ({
  entry: './src/app/app.ts',
  output: {
    path: __dirname + '/dist',
    publicPath: argv.mode === 'production' ? '/dev/' : '/',
    filename: 'js/bundle.js'
  },
  resolve: {
    extensions: ['.ts', '.js']
  },
  module: {
    rules: [
      { test: /\.ts$/, loader: 'ts-loader' }
    ]
  },
  plugins: [
    new CopyWebpackPlugin({
      patterns: [
        {
          from: 'src/styles',
          to: 'styles'
        }
      ]
    }),
    new MergeJsonWebpackPlugin({
      output: {
        groupBy: config.languages.map(lang => ({
          pattern: `{./src/locales/${lang.code}.json,./node_modules/@mcschema/locales/src/${lang.code}.json}`,
          fileName: `./locales/${lang.code}.json`
        }))
      }
    }),
    new HtmlWebpackPlugin({
      title: 'Data Pack Generators Minecraft',
      filename: 'index.html',
      template: 'src/index.html'
    }),
    ...config.models.flatMap(buildModel)
  ]
})

function buildModel(model) {
  const page = new HtmlWebpackPlugin({
    title: `${model.name} Generators Minecraft`,
    filename: `${model.id}/index.html`,
    template: 'src/index.html'
  })
  if (model.schema) {
    return page
  } else if (model.children) {
    return [page, ...model.children.flatMap(buildModel)]
  }
  return []
}