安装

下面的课程基于 webpack 4.X 版本，请先确保环境已经就绪

1. 本地 node 环境和 npm 已经可以正常使用

2. 全局安装 webpack

   # 全局安装
   npm install --save-dev webpack -g
   webpack
   # 不在提示没有 webpack 命令
   

3. 简单的 webpack 练习页

   在 /Webpack 目录下，有一个 webpack-practice 目录（下面简称“练习目录”），里面是一个最简单的 webpack 项目（当然随着本课程的编写，后面会越来越复杂）

   webpack-practice

4. 运行 webpack 命令进行打包

   现在访问练习目录中的 page.html 时，应该会提示 bundle.js 不存在

   那么现在我们在练习目录中运行一下 webpack ，可以看到生成了 dist/bundle.js 文件

   这个时候，我再访问 page.html 时，就可以正常访问了

   此时，你已经独立完成了你的第一个 webpack 项目了

5. 通过 4. 中的演示，我们可以看到，平时我们项目中看到来云里雾里的 webpack 实际上就是这么简单