From e2d7298774418b9ae6d2290a28f0def2e4f5743e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E7=8E=89=E9=A9=B0?= <wb-chenyuchi@alibaba-inc.com>
Date: Mon, 27 Jun 2016 16:25:40 +0800
Subject: [PATCH] read

---
 structure/README.md         | 53 +++++++++++++++++++++++++++++++++++++
 structure/webpack/Loader.md | 13 +++++++++
 structure/webpack/config.md | 15 +++++++++++
 3 files changed, 81 insertions(+)
 create mode 100644 structure/webpack/Loader.md
 create mode 100644 structure/webpack/config.md

diff --git a/structure/README.md b/structure/README.md
index c8c837b6..d3534e43 100644
--- a/structure/README.md
+++ b/structure/README.md
@@ -1 +1,54 @@
 ## 前端工程
+
+### 模块化
+
+* CommonJS  
+
+  服务器端的 Node.js 遵循 CommonJS规范，该规范的核心思想是允许模块通过 require 方法来同步加载所要依赖的其他模块，然后通过 exports 或 module.exports 来导出需要暴露的接口。
+
+    ```
+    require("module");
+    require("../file.js");
+    exports.doStuff = function() {};
+    module.exports = someValue;
+    ```
+
+  缺点： 同步的模块加载方式不适合在浏览器环境中，同步意味着阻塞加载，浏览器资源是异步加载的  
+
+
+* AMD  
+
+  Asynchronous Module Definition 规范其实只有一个主要接口 define(id?, dependencies?, factory)，它要在声明模块的时候指定所有的依赖 dependencies，并且还要当做形参传到 factory 中，对于依赖的模块提前执行，依赖前置。
+
+    ```
+    define("module", ["dep1", "dep2"], function(d1, d2) {
+      return someExportedValue;
+    });
+    require(["module", "../file"], function(module, file) { /* ... */ });
+    ```
+
+  缺点： 不符合通用的模块化思维方式
+
+
+* CMD  
+
+  Common Module Definition 规范和 AMD 很相似，尽量保持简单，并与 CommonJS 和 Node.js 的 Modules 规范保持了很大的兼容性。
+
+  ```
+  define(function(require, exports, module) {
+      var $ = require('jquery');
+      var Spinning = require('./spinning');
+      exports.doSomething = ...
+      module.exports = ...
+  })
+  ```
+
+* ES6 Module
+
+  EcmaScript6 标准增加了 JavaScript 语言层面的模块体系定义。ES6 模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJS 和 AMD 模块，都只能在运行时确定这些东西。
+
+  ```
+  import "jquery";
+  export function doStuff() {}
+  module "localModule" {}
+  ```
diff --git a/structure/webpack/Loader.md b/structure/webpack/Loader.md
new file mode 100644
index 00000000..cb7d9945
--- /dev/null
+++ b/structure/webpack/Loader.md
@@ -0,0 +1,13 @@
+## Loader
+
+  > Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换。
+
+* Loader 可以理解为是模块和资源的转换器
+
+* Loader有哪些特性？
+
+    - Loader可以通过管道方式链式调用，但是最后一个loader必须返回js
+
+    - Loader支持同步和异步
+
+    - Loader 运行在 node.js 环境中
diff --git a/structure/webpack/config.md b/structure/webpack/config.md
new file mode 100644
index 00000000..f2e27989
--- /dev/null
+++ b/structure/webpack/config.md
@@ -0,0 +1,15 @@
+## webpack 配置
+
+* entry配置
+
+    entry: [String | Array | Object]    //支持三种类型  
+
+    `entry: './src/index.js',`  
+
+    `entry: ['./src/index.js'],`  //多个打包到一个
+
+    ```
+    entry: {
+        index: './src/index.js',    //多个打包多个如可文件
+    },
+    ```