Неколку бандлови на скриптови во шаблонот во Webpack

Ако како резултат на градењето добиеме неколку бандлови, тогаш Webpack ќе ги поврзе секој од нив. Ајде да провериме. Нека имаме следните поставки:

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>