老师视频中用插件最后生成的HTML文件自动引入js文件是在body最后面,正常不应该在head标签中引入吗，这样浏览器先渲染后执行js代码了呀

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可通过选择【代码语言】突出显示1

weixin_慕村1291783 2020-12-01

源自：Babel 与 Webpack 4-4 plugins-2

收起

1回答

好帮手慕慕子 2020-12-01 17:51:37

同学你好，因为浏览器渲染机制，从上到下解析html文件时，遇到script标签会停下来，等到js代码全部加载完成后才会继续往后解析，如果将所有的js代码都放在head标签，可能由于加载js文件的时间太长，导致页面打开很长一段时间都是空白的状态，这样的用户体验是非常不好的，所以一般推荐都是js文件放在body标签的最后面引入的。

祝学习愉快~

收起回答

weixin_慕码人7523200 #1

老师，为什么我的是自动在head标签里面引入的，是配置问题吗？还是html-webpack-plugin的插件版本问题

2021-12-15 23:28:09
好帮手慕慕子回复 weixin_慕码人7523200 #2

同学你好，猜测是插件版本问题，这个不会造成大的影响，继续跟着视频往后学习即可，祝学习愉快~

2021-12-16 10:31:12