wangyongtao · wangyongtao · May 13, 2016 · May 13, 2016 · May 17, 2016 · May 17, 2016
diff --git a/Frontend/README.md b/Frontend/README.md
@@ -0,0 +1,36 @@
+
+
+
+
+| 操作           | 说明           |
+| ------------ | ------------ |
+| webpack      | 打包工具         |
+| underscorejs | 工具库          |
+| lodash       | 工具库          |
+| jQuery       | JS框架         |
+| Vuejs        | 构建用户界面的渐进式框架 |
+| Reactjs      | 构建用户界面的JS框架  |
+| Angular      | 前端框架  |
+| Sass         | CSS扩展语言      |
+
+* x-editable  
+  https://github.com/vitalets/x-editable
+
+* wysihtml  
+  https://github.com/Voog/wysihtml
+
+* ionicons  
+  https://github.com/ionic-team/ionicons
+
+* yarn  
+  https://yarnpkg.com/en/docs/install
+
+* datatables  
+  https://www.datatables.net/
+
+* momentjs: 
+  A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
+  https://github.com/moment/moment/
+
+* fancytree
+https://github.com/mar10/fancytree
diff --git a/Frontend/Webpack-Quick-Start.md b/Frontend/Webpack-Quick-Start.md
@@ -0,0 +1,62 @@
+Webpack-Quick-Start.md
+
+
+# Installation
+
+使用 NPM 安装:  
+
+```
+$ npm install webpack -g
+```
+
+查看安装后的版本: 
+
+```
+$ webpack -v
+2.6.1
+```
+
+# Usage
+
+
+$ vi entry.js
+
+```
+document.write("Hello Webpack.");
+```
+
+$ vi index.html
+
+```
+<html>
+    <head>
+        <meta charset="utf-8">
+    </head>
+    <body>
+        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
+    </body>
+</html>
+```
+
+```
+$ webpack ./entry.js bundle.js
+Hash: 32fd78bf2c63bbbf2d1b
+Version: webpack 2.6.1
+Time: 75ms
+    Asset  Size    Chunks  Chunk     Names
+bundle.js  2.66 kB 0      [emitted]  main
+   [0] ./entry.js 29 bytes {0} [built]
+```
+
+使用浏览器打开 `index.html`, 会输出 `Hello Webpack.`.
+
+
+
+
+npm install --save-dev style-loader css-loader
+
+
+# Reference 
+
+https://github.com/webpack/webpack  
+https://webpack.js.org/guides