Trabajo con plantillas HTML en Webpack

Webpack puede trabajar con plantillas HTML. Permite realizar automáticamente la conexión de los paquetes generados al archivo de la plantilla. Esto es especialmente conveniente cuando el nombre del paquete contiene un hash.

Para trabajar con plantillas HTML se utiliza html-webpack-plugin. Vamos a instalarlo:

terminalnpm install html-webpack-plugin --save-dev

Importémoslo:

webpack.config.jsimport HtmlWebpackPlugin from 'html-webpack-plugin';

Habilitémoslo:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};