Kubinafsisha Njia ya Faili za Assets katika Webpack

Inawezekana kuweka njia ya faili za assets ndani ya folda ya mkusanyiko. Hii inafanywa kwa kutumia mpangilio assetModuleFilename. Katika mpangilio huu, tunaweza kubainisha folda, ambako assets hutakiwa kuhifadhiwa, na pia kiwango cha jina la faili.

Katika kiwango cha jina, amri [name] inawakilisha jina la faili asili, amri [hash] - hash, na amri [ext] - kiendelezi cha faili ya awali.

Basi, hebu tufanye usanidi:

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