webpack 是什么
一项技术、一个工具的出现，肯定是为了解决问题的。那么，webpack 是为什么解决什么问题？答案是：文件依赖管理。我们在浏览器中的 js 中，不能直接引用其它 js, css 等文件（或说，模块）。而 webpack 就是用来解决这个问题的，让你的项目可以很好地分文件、分模块，而且它对外部文件的引入同时支持 cmd, amd 和 commondJs 这三种形式，够有诚意。
或许你要说了，解决文件依赖，早在 require.js 和 sea.js 的时候，都已经解决了呀！那么，webpack 在这方面，有哪些新的突破：
支持依赖各种拓展名的文件
能够在不依赖 gulp 或 grunt 的情况下直接产出打包文件
支持实时编译，浏览器同步刷新
这个时候，是不是很想唱一下王力宏的《唯一》：确定你就是我的唯一！
OK，进入正题。
安装与运行
目前，我们的项目目录结构是这样的：
webpack_demo
|--src
| |--pages
| | |--index
| | | |--index.js
|--views_dev
| |--index.html
|--webpack.config.js
|--package.json安装
在项目的根目录执行：
$ npm init // 生成项目依赖文件配置 package.json
$ npm install webpack -g // 全局安装webpack
$ touch webpack.config.js // 在项目根目录下，新建 webpack.config.js 文件配置
然后，在以下3个文件，输入内容：
-
页面 HTML 文件
// views_dev/index.html 首页哈喽，world
