HTML Maketo Generavimas Webpack
Ankstesnėje pamokoje mes įdiegėme ir prijungėme HtmlWebpackPlugin. Dabar, kurdami surinkimą, mums automatiškai bus sugeneruotas HTML maketo failas ir šiame makete automatiškai bus prijungti scenarijai ir stiliai.
Pabandykime paprasčiausią atvejį. Tarkime, kad turime vieną įėjimo tašką:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Dėl to, po surinkimo, mūsų JavaScript
bus surinktas į ryšulį su pavadinimu main.js
ir šis ryšulys bus prijungtas prie automatiškai
sukurto svetainės maketo:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Atlikite surinkimą su įjungtu HtmlWebpackPlugin. Patikrinkite, ar pasirodo maketo failas. Ištirkite jo pradinį kodą. Atidarykite failą naršyklėje.
