Webpack में assets groups के पथ को कस्टमाइज़ करना

सेव करने के लिए पथ निर्दिष्ट किया जा सकता है प्रत्येक assets group के लिए। यह generator सेटिंग का उपयोग करके किया जाता है, जो प्रत्येक group के लिए निर्दिष्ट की जाती है:

export default {
	entry: './src/index.js',
	output: {
		filename: 'bundle.js',
		path: path.resolve('dist'),
	},
	module: {
		rules: [
			{
				test: /\.png$/,
				type: 'asset/resource',
				generator: {
					filename: 'images/[name].[hash][ext]'
				}
			}
		]
	},
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

.png एक्सटेंशन वाली सभी छवियों को images/png फ़ोल्डर में रखें।

.jpg एक्सटेंशन वाली सभी छवियों को images/jpg फ़ोल्डर में रखें।

.zip एक्सटेंशन वाली सभी फ़ाइलों को download फ़ोल्डर में रखें।

.zip या .rar एक्सटेंशन वाली सभी फ़ाइलों को download फ़ोल्डर में रखें।