为什么在使用模板时，webpack-html-plugin会在头部而不是主体中添加脚本标签？

webpack-html-plugin是一个用于生成HTML文件的webpack插件。它的作用是根据配置生成一个HTML文件，并将打包后的脚本文件自动插入到HTML文件中。

在使用模板时，webpack-html-plugin会将脚本标签添加到HTML文件的头部而不是主体中的原因有以下几点：

1. 加载顺序：将脚本标签放在头部可以确保脚本在页面加载时就开始下载和执行，避免了在页面渲染完成后再加载脚本的延迟。这样可以提高页面的加载速度和用户体验。
2. 依赖关系：在一些情况下，脚本可能依赖于页面中的其他资源，如CSS文件或其他JavaScript文件。将脚本标签放在头部可以确保在脚本执行之前，页面所需的依赖资源已经加载完毕，避免了因为依赖未加载而导致的错误。
3. 兼容性：将脚本标签放在头部可以确保在一些旧的浏览器中也能正常加载和执行脚本。一些旧的浏览器可能不支持将脚本标签放在主体中，因此将脚本标签放在头部可以提高兼容性。

总结起来，webpack-html-plugin将脚本标签放在头部而不是主体中添加的原因是为了提高页面加载速度、确保依赖关系和提高兼容性。