वेबपैक में लेआउट में कई स्क्रिप्ट बंडल

यदि बिल्ड के परिणामस्वरूप हमारे पास कई बंडल बनते हैं, तो वेबपैक प्रत्येक को जोड़ देगा। आइए जांच करते हैं। मान लें कि हमारे पास निम्नलिखित सेटिंग्स हैं:

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>