webpack5打包生成文件分析（commonjs和es6模块系统）

相关配置

• webpack5

// webpack.config.js
module.exports = {
   
  mode: 'none'
}
// index.js
import str from "./main.js";
console.log(str);
// main.js
export default "hello leo~";

• 生成文件（去掉了注释）

(() => {
   
  "use strict";
  var __webpack_modules__ = ([
    ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
   
      __webpack_require__.r(__webpack_exports__);
      var _main_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
      console.log(_main_js__WEBPACK_IMPORTED_MODULE_0__.default);
    }),
    ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
   
      __webpack_require__.r(__webpack_exports__);
      __webpack_require__.d(__webpack_exports__, {
   
        "default": () => __WEBPACK_DEFAULT_EXPORT__
      });
      const __WEBPACK_DEFAULT_EXPORT__ = ("hello leo~");
    })
  ]);
  var __webpack_module_cache__ = {
   };

  function __webpack_require__(moduleId) {
   
    if (__webpack_module_cache__[moduleId]) {
   
      return __webpack_module_cache__[moduleId].exports;
    }
    var module = __webpack_module_cache__[moduleId] = {
   
      exports: {
   }
    };

    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
    console.log(module.exports, moduleId) // 测试代码
    return module.exports;
  }
  (() => {
   
    __webpack_require__.d = (exports, definition) => {
   
      for (var key in definition) {
   
        if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
   
          Object.defineProperty(exports, key, {
    enumerable: true, get: definition[key] });
        }
      }
    };
  })();

  (() => {
   
    __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
  })();

  (()