Verskeie bundels van skripte in 'n uitleg in Webpack
As daar na die bouproses verskeie bundels is, dan sal Webpack elkeen van hulle koppel. Kom ons toets dit. Laat ons die volgende instellings hê:
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(),
],
};
Na die bouproses sal albei ons bundels aan die uitleglêer gekoppel wees:
<!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>
Maak drie toegangspunte. Voer die bouproses uit. Ondersoek die uitleglêer en maak seker dat al jou bundels daaraan gekoppel is.