Если вы хотите, чтобы вебпак выводил подключаемый бандл со скриптами не в конец документа, а в определенное место, то нужно:
1 вырубить автоподключение в HTMLWebpackPlugin (inject: false). В моем примере было так:
plugins: [
new HTMLWebpackPlugin({
templateParameters: {
'foo': 'bar'
},
template: './index.html',
inject: false,
meta: {
charset: { charset: 'utf-8' },
viewport: 'width=device-width, initial-scale=1'
},
minify: {
removeComments: isProd,
collapseWhitespace: isProd
}
}),
]
2. в том месте шаблона страницы где хотите подключить бандл вставьте это:
<%= htmlWebpackPlugin.tags.bodyTags %>
Ну и если подключаете к странице скрипты с импортами не забывайте указывать
<script type="module">