Arbejde med HTML-layouts i Webpack

Webpack kan arbejde med HTML-layouts. Det tillader automatisk at forbinde de samlede bundler til layoutfilen. Dette er især bekvemt, når bundlens navn indeholder en hash.

Til arbejde med HTML-layouts bruges html-webpack-plugin. Lad os installere det:

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

Lad os importere det:

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

Lad os aktivere det:

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