Webpack(打包工具) v2.2.0-rc.7 官方最新版

Webpack是一款专业的打包工具，可以将各种资源作为模板来处理和使用，支持JS、coffee、样式、图片等，通过分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss，TypeScript等)，并将其打包为合适的格式以供浏览器使用。

示例代码

Webpack是什么

webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。

我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译(比如JSX和sass)，但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器(loader)在默默处理这些事情，这块我们后续会提到。

你可以不打算将其用在你的项目上，但没有理由不去掌握它，因为以近期 Github 上各大主流的(React相关)项目来说，它们仓库上所展示的示例已经是基于 webpack 来开发的，比如 React-Boostrap 和 Redux。

Webpack安装教程

一. 安装

我们常规直接使用 npm 的形式来安装：

$ npm install webpack -g

当然如果常规项目还是把依赖写入 package.json 包去更人性化：

$ npm init

$ npm install webpack --save-dev

Webpack特色

CommonJS模块捆绑和AMD。(甚至联合)

可以创建一个单束或多个块按需加载，以减少初始加载时间。

编译过程中减少依赖关系，减少运行时大小.‘

装载机可以在编译预处理文件，即咖啡脚本JavaScript

更新内容

Bug 修复：

解决多配置问题

绞车出口*从正确，以防止使用之前定义错误

优化：

删除一些设置为默认值的属性