Travailler avec les maquettes HTML dans Webpack

Webpack sait travailler avec les maquettes HTML. Il permet d'effectuer automatiquement la connexion des bundles compilés au fichier de maquette. C'est particulièrement pratique lorsque le nom du bundle contient un hash.

Pour travailler avec les maquettes HTML, on utilise html-webpack-plugin. Installons-le :

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

Importons-le :

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

Activons-le :

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