Прилагођавање путање до фајлова ассет-а у 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.