Webpackда assets файллари йўлини кентайтириш

Янтиш папкасидаги 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 папкасига сақланши учун тартиб белгиланг.