Bekerja dengan Layout HTML di Webpack

Webpack mampu bekerja dengan layout HTML. Webpack memungkinkan untuk secara otomatis melakukan penyambungan bundle yang telah dibangun ke file layout. Hal ini sangat berguna, ketika nama bundle mengandung hash.

Untuk bekerja dengan layout HTML, digunakan html-webpack-plugin. Mari kita instal:

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

Impor plugin tersebut:

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

Aktifkan plugin tersebut:

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