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 :
npm install html-webpack-plugin --save-dev
Importons-le :
import HtmlWebpackPlugin from 'html-webpack-plugin';
Activons-le :
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Installez et importez le plugin décrit.
