利用webpack打包文件，使浏览器能识别模块化语法。
1、 按图创建文件夹
2、 在终端执行命令，初始化生成 package.json 文件。
3、 在package.json中调整main.js的入口文件路径配置
4、 新建add.js文件，用于验证浏览器能否正确识别模块化语法。
5、 新建HTML文件，引入main.js，保存后右键用浏览器打开运行。
6、 此时未采用import模块语法，但已有相应输出，表明JS文件已成功引入。
7、 在add.js中采用模块化方式编写代码。
8、 在main.js中导入add.js并调用其功能。
9、 运行HTML文件时会出错，因部分浏览器不支持直接识别模块化语法。
10、 在命令行中输入指令，安装 webpack 及其命令行工具 webpack-cli。
11、 下载后执行相应命令，生成包含已编译main.js文件的dist文件夹。
12、 运行index.html仍出现错误，因未使用编译后文件，需调整文件路径方可正常运行。
13、 将index.html中JS文件的引用路径更改为编译后生成的dist目录下的man.js文件路径。
14、 此时运行index.html文件，即可成功打开页面。
