今天，我们来实现一个基础版的webpack

前言

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

这是官网对webpack的解释。提到模块，模块顾名思义是独立的JS文件。与之相近的词模块化，通俗的讲就是我们平时组织和管理代码方法的一种实现。
战前准备

我们先来测试一下webpack的打包。
初始化

创建项目目录

mkdir webpackmini

安装webpack依赖

yarn add webpack -D

or

npm install webpack -D

安装webpack-cli依赖
这里，稍微注意一下，我们可以下载这个版本的，最新版的安装之后好像不可用。

yarn add webpack-cli@3.3.12 -D

or

npm install webpack@3.3.12 -D

更多请见：http://www.mark-to-win.com/tutorial/50981.html