Lucrul cu layout-uri HTML în Webpack

Webpack poate lucra cu layout-uri HTML. Acesta permite conectarea automată a pachetelor asamblate în fișierul layout-ului. Acest lucru este deosebit de convenabil atunci când numele pachetului conține un hash.

Pentru lucrul cu layout-uri HTML se utilizează html-webpack-plugin. Să-l instalăm:

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

Să-l importăm:

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

Să-l activăm:

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