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

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

HTML लेआउट के साथ काम करने के लिए html-webpack-plugin का उपयोग किया जाता है। चलिए इसे इंस्टॉल करते हैं:

npm install html-webpack-plugin --save-dev

इसे इम्पोर्ट करें:

import HtmlWebpackPlugin from 'html-webpack-plugin';

इसे एनेबल करें:

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

वर्णित प्लगइन इंस्टॉल और इम्पोर्ट करें।