Webpack-da asset faýllaryna ýol görnüşini özleşdirmek

Asset faýllaryna ýol, ýygnama papkasynda kesgitlenip bilner. Bu assetModuleFilename sazlamasy ýardamynda amala aşyrylýar. Bu sazlamada biz assetleriň ýerleşdirilýän papkany we faýlyň at şablonyny görkezip bileris.

At şablonynda [name] bukwy başlangyç faýlyň adyny, [hash] bukwy - heşi, [ext] bukwy bolsa başlangyç faýlyň giňeltmesini görkezýär.

Indi bolsa, sazlamany amala aşyraly:

webpack.config.jsexport default {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve('dist'),
    assetModuleFilename: 'assets/[name].[hash][ext]', // bizim sazlamamyz
  },
  module: {
    rules: [
      {
        test: /\.png$/,
        type: 'asset/resource'
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};