html-webpack-pluginの使用方法について説明します。

cnpm i webpack-plugin -D

const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin') // first step
module.exports = {
    entry: path.join(__dirname, '. /src/main.js'),
    output: {
        path: path.join(__dirname, '. /dist'),
        filename: 'bundle.js',
    },
    mode: 'development',
    devServer: {
        open: true,
        port: 8080,
        hot: true,
        contentBase: 'src'
    },
    plugins: [
        new htmlWebpackPlugin({ //second step
        template: path.join(__dirname, '. /src/index.html'), //specify the path to generate the template
        filename: 'index.html' //specify the name of the generated page
        })
    ]
}