首先是安装webpack，这里全局安装webpack如下图（node安装参考https://www.cnblogs.com/zhouyu2017/p/6485265.html）：
安装好之后新建项目v2,然后依此写入自己的一些前端项目（本人如下，采用commonjs规范，使用ES6规范，打包过程相同）
内容分别如下：
main.js
const {add, mul}=require(‘./mathUtils.js‘)
console.log(add(20,30))
console.log(mul(20, 30))
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
mathUtils.js
function add(num1,num2) {
return num1+num2
}
function mul(num1,num2) {
return num1*num2
}
module.exports={
add,
mul,
}
最后新建文件夹dist(为了将打包的js文件放入其中)如图
最后敲如图命令即可打包（注意这是使用的全局webpack打包）
其中bundle为目的地打包（一般常用这个名字）
最后在index.html中加入你所打包的目的地文件即可开始你的测试如下
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="./dist/bundle.js"></script> </body> </html>
原文：https://www.cnblogs.com/joker101/p/joker101_qianduan.html