老师你好,这个html-webpack-plugin插件是帮我们自动添加script标签

老师你好,这个html-webpack-plugin插件是帮我们自动添加script标签

那么添加的script标签是添加在哪里的,会不会像以前那样加的地方不对,dom元素还没加载出来,导致js文件取不到dom元素的后果

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕然然 2021-12-16 09:54:46

同学你好,不会的,html-webpack-plugin插件很智能,一般会将引入js文件的script标签默认放到body最后,所以不会出现同学所说的问题,如图

https://img1.sycdn.imooc.com//climg/61ba9c560977475405640285.jpg

祝学习愉快!

  • 我的是自动加到head里面去了,还自动多了个defer单词,这是为啥

    2021-12-16 10:19:21
  • 同学你好,麻烦将package.json文件以及webpack.config.js文件发一下,老师测试一下。

    如果script标签自动添加到head中的话,那么就要添加defer属性,其作用就是等待DOM加载完成之后,才会解析defer中的js脚本,这样就能避免同学所说的问题(即dom元素还没加载出来,导致js文件取不到dom元素的后果)。

    祝学习愉快!

    2021-12-16 11:05:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师