Asset failu ceļa pielāgošana Webpack

Var iestatīt ceļu uz asset failiem būvēšanas mapē. Tas tiek darīts izmantojot iestatījumu assetModuleFilename. Šajā iestatījumā mēs varam norādīt mapi, kurā tiek ievietoti assets, kā arī veidni faila nosaukumam.

Nosaukuma veidnē komanda [name] apzīmē faila nosaukumu, komanda [hash] - hash, un komanda [ext] - sākotnējā faila paplašinājumu.

Tātad, darīsim iestatījumu:

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