本人最近刚开始学习webpack，网上的入门教程也做了很多个，但是都比较简单（再页面上显示一行字），自己就想要练习的全面一些，页面上有一些元素（p INPUT BUTTON），下面是HTML代码BODY部分:

        

        
        填充
        换背景色
        
        
    

下面是module.js

var a;
a=10;
for(var i=0;i"+i+"");
}
function add(){
    $("#text1").val(i);
    i++;
}
function changeBg(){
    $("body").css("background","beige");
}

打包生成bundle.js后运行页面，第一个for循环再p中插入span没问题，然后点击填充按钮，这时控制台报错：
Uncaught ReferenceError: add is not defined
下面那个换背景色的点击事件也是报错，这是什么原因啊？应该怎么做？
对了，下面贴entry.js入口代码：

require("./css/style.css")
document.write("开始工作咯")
require('./js/module.js')

求指导~~