Múltiples bundles de scripts en un layout en Webpack
Si como resultado de la compilación obtenemos múltiples bundles, Webpack conectará cada uno de ellos. Comprobémoslo. Supongamos que tenemos la siguiente configuración:
export default {
context: path.resolve( 'src'),
entry: {
test1: './test1.js',
test2: './test2.js'
},
output: {
filename: '[name].build.js',
path: path.resolve('dist'),
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Después de la compilación, ambos bundles estarán conectados al archivo de layout:
<!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>
Crea tres puntos de entrada. Ejecuta la compilación. Estudia el archivo de layout y comprueba que todos tus bundles estén conectados allí.
