webpack初学使用

234 阅读1分钟

把通用的js文件暴露端口,用exports

exports.sayHi = function(){
    document.write("<h1>ddddd</h1>");
};

然后主js文件里用require获取:

再创建webpack打包用的界面:

Entry就是与主js文件进行连接

Output 就是对输出的Js文件存放的文件

然后命令行里输入webpack,就能生成一个你刚刚创建的文件了

见上图

最后主使用html文件里调用就行了

因为之前所用的是es6下面的书写代码方式,大部分浏览器用的是es5规则,不能够识别,通过打包的方式,把这些js文件变成一个es5能够识别的js文件,这样就可以被浏览器识别了。