一、安装 webpack 4.x

前言：webpack4.x教程，主要内容来自 weback 官方文档，本教程只是自己在学习过程中对于文档中不理解的地方做一些补充，或是筛选。

正文
在进入本篇文章的学习之前，请确保你已经安装了 node，和 yarn。

新建一个项目目录 webpack_demo，在 webpack_demo 下新建一个 demo1 文件夹

// 进入项目根目录
cd webpack_demo/demo1
// 安装 webpack，没有指定版本默认安装最新的
yarn add webpack_demo --dev
// 安装 webpack-cli （如果你使用 webpack 4+ 版本，你还需要安装 CLI）
yarn add webpack-cli --dev

如果不知道安装命令中为什么要加上 --dev 参数的请移步 "dependencies 和 devDependencies 区别"。

为什么要安装 webpack-cli？
因为webpack 4.x 将 webpack 命令分离出来移入到了 webpack-cli 中。

此时我们的项目目录是这样的：

项目目录结构

package.json 文件是酱紫的：

{
  "devDependencies": {
    "webpack": "^4.25.1",
    "webpack-cli": "^3.1.2"
  }
}

好了，到这里就已经安装好了 webpack 了。