HTML-asemallien käsittely Webpackissa

Webpack osaa käsitellä HTML-asemalleja. Se mahdollistaa koottujen bundlien automaattisen liittämisen asemallitiedostoon. Tämä on erityisen kätevää, kun bundlin nimi sisältää hashin.

HTML-asemallien käsittelyyn käytetään html-webpack-plugin -liitännäistä. Asennetaan se:

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

Tuodaan se:

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

Otetaan se käyttöön:

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