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:
npm install html-webpack-plugin --save-dev
Importieren wir es:
import HtmlWebpackPlugin from 'html-webpack-plugin';
Aktivieren wir es:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Installieren und importieren Sie das beschriebene Plugin.