Kustomisasi Path ke File Assets di Webpack

Anda dapat mengatur path ke file assets di folder build. Hal ini dilakukan dengan menggunakan pengaturan assetModuleFilename. Dalam pengaturan ini, kita dapat menentukan folder tempat assets disimpan, serta template nama file.

Dalam template nama, perintah [name] menunjukkan nama file, perintah [hash] - hash, dan perintah [ext] - ekstensi dari file asal.

Jadi, mari kita lakukan konfigurasi:

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