一、流程

1.打开一个目录，使用powershell打开

2.npm init进行npm初始化

3.npm i -D webpack webpack-cli安装webpack核心和命令行

4.配置脚本文件

4.每次在src子目录下开发，完成之后使用npm run build或者是npm run dev即可

二、大致分析

利用webpack的官网大图来进行分析

左面是我们在开发环境下面的代码，无论是js还是css或者是图片，都有着极其复杂的依赖关系（尤其是模块化之后，我们还会导入很多第三方库），导致了兼容性问题还有哦其他一系列的问题。
使用webpack进行打包之后的文件最终在dist下面输出一个main.js文件，这个文件完美地解决了文件多，兼容性的问题，是一个函数，无论是在浏览器环境还是在node环境下面都可以运行。

2.1 不断监控不断打包的实现