Webpack में HTML लेआउट के साथ काम करना

Webpack HTML लेआउट के साथ काम कर सकता है। यह लेआउट फ़ाइल में इकट्ठे किए गए बंडल्स को स्वचालित रूप से जोड़ने की अनुमति देता है। यह विशेष रूप से सुविधाजनक होता है जब बंडल के नाम में हैश होता है।

HTML लेआउट के साथ काम करने के लिए 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(),
  ],
};