Penyesuaian Laluan Fail Aset dalam Webpack

Anda boleh menetapkan laluan untuk fail aset dalam folder binaan. Ini dilakukan dengan menggunakan tetapan assetModuleFilename. Dalam tetapan ini, kita boleh menentukan folder di mana aset disimpan, serta templat nama fail.

Dalam templat nama, perintah [name] menandakan nama fail, perintah [hash] - hash, dan perintah [ext] - sambungan fail asal.

Jadi, mari kita lakukan tetapan:

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