webpack--概念6--配置+模块+依赖图

1：配置

webpack 配置是标准的 Node.js CommonJS 模块，因此可以通过require导入其他文件；

2：模块

1：简单介绍

在模块化编程中，开发者将程序分解成离散功能块，称之为模块；
每个模块具有比较完整程序更小的接触面，使得校验，调试，测试轻而易举；精心编写的模块提供了可靠的抽象和封装界限；使得应用程序中每个模块都具有条理清楚的设计和明确的目的；
node.js从一开始就支持模块化编程，然而在web模块化的支持正缓慢到来，在web存在多种支持JS的模块化工具，这些工具各有优势，限制；webpack基于从这些系统获得的经验教训，并将模块化的概念应用于项目中的任何文件；

---

2：支持的模块类型：
webpack通过loader可以支持各种语言和预处理器编写模块；loader描述了webpack如何处理非JS模块，并且在bundle中引入了这些依赖；webpack社区已经为各种流行语言和语言预处理构建了loader；包括coffeescript , typesript ,ESnext , sass ,less , stylus;总的来说，webpack提供了可定制的，强大的，丰富的API，允许任何技术栈使用微博webpack，保持了在你的开发，测试，生成流程中无侵入性；

3：依赖图

任何时候一个文件依赖于另一个文件，webpack就把这个视为文件之间有依赖关系；webpack从命令行或配置文件中定义的一个模块列表开始，处理你的应用程序；从这些入口起点开始，webpack递归的构建一个依赖图，这个依赖图包含着应用程序中所需要的每个模块，然后将所有这些模块打包成少量的bundle–通常只有一个–可由浏览器加载；