webpack是什么
打包器
在使用 webpack 之前，首先需要明白 webpack 到底是个什么东西。
几乎所有文章（包括官网）中都说webpack是一个 打包器 ，用于打包所有资源。
webpack确实是一个 打包器 ，但是对于不知道打包器的朋友来说还是会有些迷惑。
抛开 webpack 去看问题本质。
当前时代，前端的作用越来越大，对于写过MVC或者更早的JSP或ASP.NET的朋友可能更有体会，那时代的前端只是作为展示作用。
随着 移动端和 Node.JS 的崛起，前端进入了新的时代。
前端与后端进行了分离，前端开始独立部署，逐渐走入了工程化的步伐。
首先对于独立部署，就会有很多的工作需要完成，最容易想到的就是压缩。
MVC时代，压缩工作都是由后端进行完成。但是对于已经独立部署的前端，这项工作只能由前端自行完成。
当然还有逐渐更新的JS、CSS和浏览器兼容性等一系列问题。
这些问题其实可以总结为 可部署环境代码 和 开发环境代码 之间的冲突。
那么能不能提供一个桥梁来连接两种环境代码呢？最好能够提供一个 黑匣子 ，能够让我们使用一个命令将 开发环境代码 编译为 可部署环境代码
打包器 就是这么一个 黑匣子
打包器是个 黑匣子 这是对于大部分写业务的程序员来说的，他们只需要完成业务模块。
但是对于项目管理者，打包器 就必须掌握，毕竟由于前端的特殊性，导致需要自己配置属于自己项目的 打包器 。所以对于 打包器 的了解也基本属于前端必修课。
webpack
webpack 就属于一个 打包器 工具。目前市面上也有好多其它 打包器 工具：grunt，gulp，rollup、还有尤大新开发vite。每一个 打包器 都有各自的优缺点。
不过截止到目前最流行的还是webpack 。所以在此也是以webpack作为学习、
webpack是一个优秀的 JavaScript应用程序 的静态模块打包器，具有高度可配置的优势，因此也被业界称为最麻烦之一。
前面说过：打包器 就是将 开发环境代码 进行编译为 可部署环境代码 。
而不同的项目对 可部署环境代码 的要求又不一致。所以 webpack 并没有提供一个全而大功能，而只是提供了一个 核心引擎， 只负责 JS 文件的依赖打包，其它功能使用 插件化 进行配置 。