servir paquetes webpack en un archivo html

Como el paquete web sirve de forma predeterminada a Javascript, si queremos entregar paquetes de paquetes web en un archivo html, es posible que necesitemos un complemento externo: html-webpack-plugin ;

2.1.1. Pre-requiere

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

2.1.2. Archivo de configuración

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. Preguntas y respuestas

Ya tengo un archivo html, quiero servir paquetes en este archivo html.

1. Solo se necesitan archivos js de salida de enlace en un archivo 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',
    })
  ]
}