Att arbeta med HTML-layouter i Webpack

Webpack kan arbeta med HTML-layouter. Det möjliggör automatisk anslutning av de sammansatta buntarna till layoutfilen. Detta är särskilt bekvämt när buntens namn innehåller ett hash.

För att arbeta med HTML-layouter används html-webpack-plugin. Låt oss installera den:

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

Importera den:

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

Aktivera den:

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