HTML-maketi genereerimine Webpackis
Eelmises õppetükis me installisime ja ühendasime HtmlWebpackPlugini. Nüüd genereeritakse meil automaatselt HTML-maketi fail ja selles maketis ühendatakse automaatselt skriptid ja stiilid.
Proovime kõige lihtsamat juhtumi. Oletame, et meil on üks sisendpunkt:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Tulemusena pärast kokkupanekut kompileeritakse meie JavaScript
bündlisse nimega main.js
ja see bündel ühendatakse automaatselt
loodud saidi maketisse:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Tehke kokkupanek lubatud HtmlWebpackPluginiga. Kontrollige, et maketi fail tekkis. Uurige selle lähtekoodi. Avage fail brauseris.
