Εργασία με HTML layouts στο Webpack

Το Webpack μπορεί να δουλέψει με HTML layouts. Επιτρέπει την αυτόματη σύνδεση των assembled bundles στο αρχείο layout. Αυτό είναι ιδιαίτερα βολικό όταν το όνομα του bundle περιέχει hash.

Για την εργασία με HTML layouts χρησιμοποιείται το html-webpack-plugin. Ας το εγκαταστήσουμε:

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

Ας το εισάγουμε:

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

Ας το ενεργοποιήσουμε:

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