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(),
  ],
};