Webpack-ში აქტივების ფაილების გზის კასტომიზაცია

შესაძლებელია აქტივების ფაილების გზის დაყენება ასაწყობი ფოლდერისთვის. ეს კეთდება assetModuleFilename პარამეტრის მეშვეობით. ამ პარამეტრში ჩვენ შეგვიძლია მივუთითოთ ფოლდერი, სადაც იდება აქტივები, ასევე ფაილის სახელის შაბლონი.

შაბლონში ბრძანება [name] ნიშნავს ფაილის სახელს, ბრძანება [hash] - ჰეშს, ხოლო ბრძანება [ext] - საწყისი ფაილის გაფართოებას.

მოდით, შევასრულოთ კონფიგურაცია:

export default {
	entry: './src/index.js',
	output: {
		filename: 'bundle.js',
		path: path.resolve('dist'),
		assetModuleFilename: 'assets/[name].[hash][ext]', // ჩვენი პარამეტრი
	},
	module: {
		rules: [
			{
				test: /\.png$/,
				type: 'asset/resource'
			}
		]
	},
	plugins: [
		new HtmlWebpackPlugin(),
	],
};

გააკეთეთ ისე, რომ ყველა აქტივი ჩაიყრებოდეს resources ფოლდერში.