Приспособување на патеката до датотеките на ассети во 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.