Webpack-də HTML şablonunun yaradılması
Əvvəlki dərsdə biz HtmlWebpackPlugin quraşdırdıq və qoşduq. İndi qurma zamanı bizim üçün avtomatik olaraq HTML şablon faylı yaradılacaq və bu şablona skriptlər və stillər avtomatik olaraq qoşulacaq.
Gəlin ən sadə halı sınayaq. Təsəvvür edək ki, bizim bir giriş nöqtəmiz var:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Nəticədə, qurmadan sonra bizim JavaScript
main.js adlı bandla yığılacaq
və bu bandl avtomatik olaraq yaradılmış
veb səhifə şablonuna qoşulacaq:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Qoşulmuş HtmlWebpackPlugin ilə qurmanı yerinə yetirin. Şablon faylının yaradıldığını yoxlayın. Onun mənbə kodunu öyrənin. Faylı brauzerdə açın.
