Pengendalian Templat HTML dalam Webpack

Webpack berkebolehan untuk bekerja dengan templat HTML. Ia membenarkan sambungan bundle yang telah dibina ke fail templat dilakukan secara automatik. Ini amat memudahkan apabila nama bundle mengandungi hash.

Untuk bekerja dengan templat HTML, html-webpack-plugin digunakan. Mari kita pasangkannya:

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

Import plugin tersebut:

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

Aktifkannya:

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