初识

webpack 是一个为现代 js 应用实现的静态模块打包器。
安装 webpack 需要 nodejs 环境，先安装 nodejs ，然后安装 webpack 和 webpack-cli。（为什么 vue 或 react 没有依赖 webpack-cli？因为 vue 和 react 自己实现了类似 webpack-cli 的功能，例如 @vue/cli-service，所以不需要 webpack-cli 了）

npm install webpack webpack-cli -g

去查看例子中的文件，当页面引入的 js 文件中引入模块的依赖某些使用 es6 module，某些使用 commonjs 时，在浏览器打开页面就会报错。因为低版本浏览器不支持 es6 module，浏览器环境不支持 commonjs。这时就需要 webpack 将这些编译成兼容的代码。

默认在终端执行 webpack 命令的时候，会在当前目录下找 ./src/index.js 这个文件作为入口文件，然后进行打包。

默认终端运行 webpack 的时候用的是全局安装的 webpack，如果想用局部安装的 webpack，有两种方法：1. 定义一个 npm script：build: webpack 2. 在终端使用 npx webpack。（npx 会去局部寻找包）