Flere skriptbundler i layouten i Webpack
Hvis vi ender opp med flere bundler som et resultat av byggingen, vil Webpack koble til hver og en av dem. La oss sjekke. La oss anta at vi har følgende innstillinger:
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(),
],
};
Etter byggingen vil begge bundlene våre være koblet til layoutfilen:
<!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>
Lag tre inngangspunkter. Utfør byggingen. Studer layoutfilen og forsikre deg om at alle bundlene dine er koblet til der.
