Приспособување на патеката до датотеките на ассети во Webpack

Може да се постави патека до датотеките на ассети во папката за градба. Ова се прави со помош на поставката assetModuleFilename. Во оваа поставка можеме да назначиме папка, каде се сместуваат ассетите, како и шаблон за името на датотеката.

Во шаблонот за името командата [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(),
  ],
};