Webpackde HTML makalarynyň döredilişi
Öňki sapakda biz HtmlWebpackPlugin-i gurnadyk we birikdirdik. Indi ýygnalanda bizde awtomatik usulda HTML mak faýly dörediler we bu makda awtomatik usulda skriptler we stiller birikdiriler.
Geliň iň ýönekeý ýagdaýy synap göreli. Bizde bir girýän nokat bolsun:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin(),
],
};
Netijede, ýygnanylandan soň, bizniň JavaScript
faýlymyz main.js atly bändle ýygnanar
we bu bändl awtomatik usulda döredilen
sahat makyna birikdiriler:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Webpack App</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
HtmlWebpackPlugin açyk bolan ýagdaýda ýygnamany ýerine ýetiriň. Mak faýlynyň peýda bolýandygyny barlaň. Onuň çeşme kodyny öwreniň. Faýly brauzerde açyň.
