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

Янтиш папкасидаги assets файлларининг йўлини белгилаш мумкин. Бу assetModuleFilename орқали амалга оширилади. Бу параметрда биз assets сақланадиган папкани ва файл номи намунасини кўрсатишимиз мумкин.

Ном намунасида [name] файл номини, [hash] - хешни, [ext] - бошланғич файл кенгайтмасини ифодалайди.

Хўш, келинг параметрни белгилаймиз:

webpack.config.jsexport 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(),
  ],
};