上一篇文章 （一）webpack入门——webpack的安装 中，我们知道了webpack的安装，接下来我们要学习如何使用webpack。
以下内容来自webpack文档（不是直译）: http://webpack.github.io/docs/usage.html
简单的webpack使用
创建一个模块化的Javascript项目
创建一个文件件，在文件夹里面创建两个js文件，分别命名为cats.js、app.js，并使用CommonJs语法来创建文件内容。
cats.js文件内容：
var cats = ['dave', 'henry', 'martha']; module.exports = cats;
app.js(entry point)内容：
cats = require('./cats.js');
console.log(cats);
'entry point'即应用程序开始的地方，也是webpack开始跟踪模块之间依赖的地方。
开始打包
给webpack一个人口文件（app.js）,设置一个特殊的输出文件（app.bundle.js）:
webpack app.js app.bundle.js
app.bundle.js部分内容：
由此可见，不仅app.js里面的内容被打包进app.bundle.js，app.js所依赖度cats.js也被打包了进来。webpack打包原理是边读边分析入口文件的依赖，分析入口文件依赖的文件的依赖，以此类推，只要有依赖都去分析并打包到输出文件(app.bundle.js)中,下图很直观的展示了webpack打包原理：
打包文件已打包好，现在可以用运行 node app.bundle.js 命令看看输出内容(cats模块被输出出来了)：
复杂的webpack使用
通过以上内容，我们大概知道了webpack是怎么打包运行的，现在我们来看看复杂一点的案例。
webpack 是一个非常灵活的模块打包工具。它提供了很多高级特性，但是不是所有的特性都是通过命令行来使用的。想要使用更多的webpack特性，需要创建配置文件。
项目结构
在真实的webpack项目中，我们会将资源文件和打包文件分开组织在不同的文件夹中。在接下来的例子中我们将资源文件放在 src 文件夹中，打包文件放在 dist 中。
我们最终的项目目录结构是这样的：
开始创建项目，创建文件夹及文件。
1.创建项目文件命名为demo
2.在demo文件夹中创建src和dist文件夹
3.在src文件夹中创建app.js、cats.js，内容和对应的上面的app.js、cats.js内容一样。
4.用以下命令初始化项目，创建package.json配置文件。