今天开始第一篇

作用：

  依赖  ==>  webpack ==> 静态资源

  把错综复杂的依赖 通过  webpack 打包成 一块一块的

一. 一般把 index.js 当做入口文件，把资源变成树状

    index.js

  |               |            处理  /----------打包-----    /

less          JQ ....    ==>  |        less ==> css      |  =>  bundle

                                      |        JQ => js             |

                                      |   --------------------------|

二. 五大核心

    Entry        Output        Loader                           Plugins                          Mode

  入口           出口            把资源变成webpack       插件（强化）           development（开发）

                                        看得懂的（翻译）                                         production （生产  / 上线）

 

三。   webpack 只识别  JS/JSON

  a. 生产模式和开发模式将ES6编译成浏览器能识别的模块化

  b。 生产环境比开发环境多一个压缩JS代码