වෙබ්පැක් හි මැකටයකට බහු ස්ක්‍රිප්ට් බන්ඩල් කිහිපයක්

අපගේ එකතු කිරීමේ ප්‍රතිඵලයක් ලෙස බන්ඩල් කිහිපයක් ලැබෙන්නේ නම්, වෙබ්පැක් ඒවායින් එක් එක් සම්බන්ධ කරනු ඇත. අපි එය පරීක්ෂා කර බලමු. අපට පහත සැකසුම් ඇතැයි සිතමු:

webpack.config.jsexport default {
  context: path.resolve( 'src'),
  entry: {
    test1: './test1.js',
    test2: './test2.js'
  },
  output: {
    filename: '[name].build.js',
    path: path.resolve('dist'),
  },
  plugins: [
    new HtmlWebpackPlugin(),
  ],
};

එකතු කිරීමෙන් පසු, මැකට් ගොනුවට අපගේ බන්ඩල් දෙකම සම්බන්ධ වනු ඇත:

dist/index.html<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Webpack App</title>
    
    <script defer src="test1.build.js"></script>
    <script defer src="test2.build.js"></script>
  </head>
  <body>
    
  </body>
</html>