Arbeiten mit HTML-Layouts in Webpack

Webpack kann mit HTML-Layouts arbeiten. Es ermöglicht die automatische Einbindung der gebündelten Bundles in die Layout-Datei. Dies ist besonders praktisch, wenn der Bundle-Name einen Hash enthält.

Für die Arbeit mit HTML-Layouts wird html-webpack-plugin verwendet. Lassen Sie es uns installieren:

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

Importieren wir es:

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

Aktivieren wir es:

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