webpack打包

一、合并打包两个js文件

1. 根据入口文件 src/index.js
2. 执行命令 yarn build , 进行打包
3. 生成 dist文件

二、webpack再次打包

1. src 下新建 tool/tool.js
2. 定义的 js 所需内容导出
3. index.js 引入 tool 模块的内容使用
4. 执行命令 yarn build , 进行打包 ,（确保终端路径中在 src 的父级文件夹）
5. 生成 dist文件

三、webpack出口和入口

1. 新建 webpack.config.js（默认配置文件名）
2. 填入配置
3. 修改入口文件
   • entry：入口文件
   • output：出口文件
4. 打包观察效果

四、webpack打包自动生成html文件

1. 依赖 html-webpack-plugin 插件，yarn 下载此插件
   • 可以根据 weback 官方文档进行编写
2. 在 webpack.config.js 配置写入即可