Webpack'da HTML shablonni yaratish
Oldingi darsda biz HtmlWebpackPlugin'ni o'rnatdik va uladik. Endi, yig'ish jarayonida bizda avtomatik ravishda HTML shablon fayli yaratiladi va ushbu shablonga skriptlar va uslublar avtomatik ulangan bo'ladi.
Keling, eng oddiy holatni sinab ko'ramiz. Faraz qilaylik, bizda bitta kirish nuqtasi bor:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Natijada, yig'ishdan so'ng, bizning JavaScript
main.js nomli banda yig'iladi
va bu banda avtomatik yaratilgan
sayt shabloniga ulanadi:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
HtmlWebpackPlugin yoqilgan holda yig'ishni bajaring. Sizda shablon fayli paydo bo'lishini tekshiring. Uning manba kodini o'rganing. Faylni brauzerda oching.
