servir pacotes webpack em arquivo html

Como o webpack serve ao padrão de Javascript, se quisermos servir os pacotes do webpack em um arquivo html, podemos precisar de um plugin externo: html-webpack-plugin ;

2.1.1. Pré-requer

npm i --save-dev html-webpack-plugin

2.1.2. Arquivo de configuração

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

module.exports = {
  entry: 'index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'index_bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin()
  ]
}

2.1.3. Perguntas e Respostas

Já tenho um arquivo html, quero servir pacotes neste arquivo html.

1. Só precisa de arquivos js de saída de link em arquivo html.

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

module.exports = {
  entry: 'index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'index_bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.html',
    })
  ]
}