Webpack'те asset файлдарынын жолун ыңгайлаштыруу

Ассет файлдарына чыгаруу папкасында жол белгилөөгө болот. Бул 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(),
  ],
};