老师,是不是用html-webpack-plugin插件时,源html文件中需要去掉开发时通过script标签引入的js?

老师,是不是用html-webpack-plugin插件时,源html文件中需要去掉开发时通过script标签引入的js?

问题描述:

老师,是不是用html-webpack-plugin插件时,源html文件中需要去掉开发时通过script标签引入的js?我最后生成的html文件中自动引入了bundle.js,但也有原来的index.js,而不是替换掉原来的index.js

相关截图:

源index.html

http://img1.sycdn.imooc.com//climg/60e9a0300990b94e06200256.jpg

webpack.config.js

http://img1.sycdn.imooc.com//climg/60e9a05609cee18305560481.jpg

dist目录下生成的index.html

http://img1.sycdn.imooc.com//climg/60e9a09d0916fffb09400059.jpg

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

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

1回答
好帮手慕然然 2021-07-11 10:26:32

同学你好,是的,源html文件中不需要再使用script引入js文件。一般在使用webpack开发时,要将html中script引入js文件的代码删除,使用html-webpack-plugin插件完成。

祝学习愉快!

  • 提问者 慕姐5289795 #1

    老师,那是不是本地开发时引入的js文件和css文件都需要删除,然后再将css引入对应的js文件中,才可以webpack打包?

    那本地开发测试和webpack打包测试岂不是需要来回改代码,很不方便?有没有什么办法解决?

    2021-07-11 11:30:42
  • 好帮手慕然然 回复 提问者 慕姐5289795 #2

    同学你好,是的,不过我们目前阶段的开发都属于本地开发,webpack打包只是开发的一种方式(即模块化开发),和以前的开发方式一样,都是本地开发。

    只不过,以前的开发方式是将资源(css、js)手动引入到html文件中,而webpack是通过插件配置自动将资源引入到html文件中。

    所以,webpack开发方式和以前的开发方式,选择其中一个方式进行开发即可,不需要来回修改代码。

    祝学习愉快!


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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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