为了账号安全,请及时绑定邮箱和手机立即绑定

webpack怎么使用页面按钮的点击事件?

webpack怎么使用页面按钮的点击事件?

PIPIONE 2018-08-27 13:31:57
本人最近刚开始学习webpack,网上的入门教程也做了很多个,但是都比较简单(再页面上显示一行字),自己就想要练习的全面一些,页面上有一些元素(DIV INPUT BUTTON),下面是HTML代码BODY部分:<body>         <div id="test"></div>         <input id="text1" />         <button onclick="add()">填充</button>         <button onclick="changeBg()">换背景色</button>         <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>         <script type="text/javascript" src="js/bundle.js" ></script>     </body>下面是module.jsvar a; a=10;for(var i=0;i<a;i++){     $("#test").append("<span>"+i+"</span>"); }function add(){     $("#text1").val(i);     i++; }function changeBg(){     $("body").css("background","beige"); }打包生成bundle.js后运行页面,第一个for循环再div中插入span没问题,然后点击填充按钮,这时控制台报错:Uncaught ReferenceError: add is not defined下面那个换背景色的点击事件也是报错,这是什么原因啊?应该怎么做?对了,下面贴entry.js入口代码:require("./css/style.css")document.write("开始工作咯")require('./js/module.js')求指导~~
查看完整描述

1 回答

?
长风秋雁

TA贡献1757条经验 获得超7个赞

add打包之后就不在全局中了,所以要么用@hexs 的方法,要么把 module.js 写成模块形式,用 export或者module.export导出方法


查看完整回答
反对 回复 2018-10-19
  • 1 回答
  • 0 关注
  • 627 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号