前边做个实际的列子， 发现require是在前端页面中会报错，利用node的fs粗糙的编译文件
    文档链接
    CommonJS是一个规范(http://commonjs.org)
    譬如： 一个单独的文件就是一个模块。使用require来加载模块，返回文件内部的exports对象。•
    大家看是否和NODEJS 的写法很像？确实，NodeJS实现并推动了这个规范（一大部分）

    有了这个规范js可以在任何地方运行，不只是浏览器中（未来很多只要兼容CommonJS规范的系统都可以用javascript来开发）
    这时一个前端构建框架—-webpack产生了（模块打包）
    它能帮我们把本来需要在服务端运行的JS代码，通过模块的引用和依赖打包成前端可用的静态文件。
    为了防止迷乱， 我们直接来使用便可，其实使用并不难

    1,安装
    •我们需要全局安装
    •npm install -g webpack
    •这样在任何项目中都能使用到

    2,设置配置文件
    •在项目根目录下新建一个webpack.config.js

    1. module.exports =
    2.  {
    3.   entry:[   //entry 是入口文件，可以多个，代表要编译那些js
    4.         './index.js'
    5.     ],
    6.   output: {
    7.         path: './build/js', //输出文件夹
    8.         filename:'build.js'  //最终打包生成的文件名
    9.     }
    10.  }

    index入口文件里是require一个依赖里的某个插件，如：
    var getlib=require(“slib”);

    3,执行
    •实在很简单•
    •用终端 来到你的项目目录 执行 webpack 即可
    •webpack (这货会自动读取和加载你的配置文件)

    它会打包生成build.js,页面中引入即可