webpack 原理（一）

（1）webpack 可以做的事情：

代码转换（es6 -> es5，less、sass -> css）、文件优化（体积压缩）、代码分割、模块合并、自动刷新（webpack-dev-server）、代码校验（eslint）、自动发布

（2） webpack 打包

打包的意思是：支持 js 的模块化

（3）webpack 是 node 写出来的

（4）开发环境打包之后的代码以及解析

(function(modules) {
  // 模块缓存对象
  var installedModules = {};

  // 实现 require （__webpack_require__函数）
  function __webpack_require__(moduleId) {
    // 检查模块是否在缓存中
    if(installedModules[moduleId]) {
      return installedModules[moduleId].exports;
    }
    // 不在缓存中 存入缓存对象
  	var module = installedModules[moduleId] = {
      i: moduleId,
      l: false,
      exports: {}
    };
  	modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  	module.l = true;
  	return module.exports;
  }

  // __webpack_require__ 的 m 函数
  __webpack_require__.m &#