Роҳи фармоишгарӣ ба файлҳои assets дар Webpack

Роҳ ба файлҳои assets дар феҳристи сохт гузоштан мумкин аст. Ин бо танзимоти assetModuleFilename анҷом дода мешавад. Дар ин танзимот мо метавонем феҳреро, ки assets дар он ҷой дода мешаванд, инчунин шаблони номи файлро муайян кунем.

Дар шаблони ном фармон [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(),
	],
};

Чунон кунед, ки ҳамаи assets дар феҳристи resources ҷой дода шаванд.