Savo HTML maketo failas Webpack
Praktiškai dažniausiai jau turime savo svetainės HTML maketą. Tokiu atveju mums reikia, kad Webpack naudotų mūsų maketą, o negeneruotų savo. Pažiūrėkime, kaip tai padaryti.
Tarkime, kad turime tokį maketą:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mano maketas</title>
</head>
<body>
</body>
</html>
Priverskime Webpack paimti mūsų maketą. Tam nurodykime jį šiame nustatyme:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Kaip rezultatas, po surinkimo aplanke
dist bus mūsų maketas ir jame
automatiškai bus prijungti
visi bundlai:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mano maketas</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Sukurkite savo maketą. Nustatykite Webpack taip, kad jis naudotų jūsų maketą.
