Webpack CommonJS 运行时代码深度解析

import sum from './sum';

const result = sum(1,2);
console.log(result);

const sum = (a, b) => {
  return a+b;
}

export default sum

const path = require('path');
const webpack = require('webpack');

function wrapBuild() {
  return webpack({
    entry: './index.js',
    mode: 'none',
    output: {
      path: path.resolve(__dirname, 'build'),
      filename: '[name].js'
    },
    infrastructureLogging: {
      debug: true,
      level: 'log',
    }
  })
}

wrapBuild().run((err, stat) => {
  const startTime = stat.startTime;
  const endTime = stat.endTime;
  console.log('构建时间: ', endTime - startTime);
})

/******/ (() => { // webpackBootstrap
/******/ 	"use strict";
/******/ 	var __webpack_modules__ = ([
/* 0 */,    // ---模块0, 入口模块 可以理解为index.js模块
/* 1 */    // ---模块1,打包过后的sum.js
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const sum = (a, b) => {
  return a+b;
}

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (sum);

/***/ })
/******/ 	]);
/************************************************************************/
/******/ 	// 模块缓存
/******/ 	var __webpack_module_cache__ = {};
/******/ 	
/******/ 	// 模块加载器， 模拟实现common.js的require
/******/ 	function __webpack_require__(moduleId) {
/******/ 		// 根据moduleId从缓存中读取module
/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
            // 若缓存中存在该模块，则返回当前的module.exports
/******/ 		if (cachedModule !== undefined) {
/******/ 			return cachedModule.exports;
/******/ 		}
/******/ 		// 缓存中不存在该模块，则去__webpack_modules__里取。
                // 创建一个新的模块,  写入cache对象, key为moduleId, value 为 exports对象
/******/ 		var module = __webpack_module_cache__[moduleId] = {
/******/ 			// no module.id needed
/******/ 			// no module.loaded needed
/******/ 			exports: {}
/******/ 		};
/******/ 	
/******/ 		// 调用包裹函数，计算模块信息，解析出相关模块内容（如:exports）
/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/ 	
/******/ 		// 返回当前解析过后的module.exports
/******/ 		return module.exports;
/******/ 	}

var __webpack_exports__ = {};
// 加载入口函数
(() => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _sum__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
const result = (0,_sum__WEBPACK_IMPORTED_MODULE_0__["default"])(1,2);
console.log(result);
})();

/******/ })()
;