Aanpassing van die pad na asset lêers in Webpack

Jy kan die pad na asset lêers in die bougids spesifiseer. Dit word gedoen met behulp van die instelling assetModuleFilename. In hierdie instelling kan ons die gids spesifiseer waarheen assets geplaas word, asook die patroon vir die lêernaam.

In die naampatroon verteenwoordig die opdrag [name] die lêernaam, die opdrag [hash] - die hash, en die opdrag [ext] - die uitbreiding van die oorspronklike lêer.

Laat ons dus die instelling doen:

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