Fișierul propriu de layout în Webpack
În practică, de obicei avem deja propriul nostru layout HTML pentru site. În acest caz, avem nevoie ca Webpack să ia layout-ul nostru, și să nu-și genereze propriul. Să vedem cum se face acest lucru.
Să presupunem că avem următorul layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
</head>
<body>
</body>
</html>
Să forțăm Webpack să ia layout-ul nostru. Pentru aceasta, îl specificăm în următoarea setare:
export default {
entry: './src/index.js',
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
}),
],
};
Ca rezultat, după build, în folderul
dist va fi layout-ul nostru și în el
vor fi conectate automat
toate bundle-urile:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My layout</title>
<script defer src="main.js"></script>
</head>
<body>
</body>
</html>
Creați-vă propriul layout. Configurați Webpack astfel încât să ia layout-ul vostru.
