webpack.config.js

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

const entry = {
    'arthropods': './data/arthropods.js',
    'dutch-orchids': './data/dutch-orchids.js',
    'dutch-pentatomoidea': './data/dutch-pentatomoidea.js',
    'flora': './data/flora.js',
    'inat': './data/inat.js',
    'invasive-mollusca': './data/invasive-mollusca.js',
    'poland-vegetation': './data/poland-vegetation.js',
    'pollinators': './data/pollinators.js',
    'trees': './data/trees.js',
    'wetland-pollinators': './data/wetland-pollinators.js'
}

const plugins = []

for (const id in entry) {
    const htmlPlugin = new HtmlWebpackPlugin({
        template: './src/quiz.html',
        filename: `${id}/index.html`,
        chunks: [id],
    })
    plugins.push(htmlPlugin)
}

module.exports = {
    mode: 'production',
    entry,
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name]/index.js'
    },
    plugins
}