HTML sablonok kezelése Webpackben

A Webpack képes HTML sablonokkal dolgozni. Lehetővé teszi az összeállított csomagok automatikus összekapcsolását a sablonfájllal. Ez különösen kényelmes, amikor a csomag neve tartalmaz hash-t.

A HTML sablonok kezeléséhez az html-webpack-plugin kerül felhasználásra. Telepítsük ezt:

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

Importáljuk:

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

Kapcsoljuk be:

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