为什么webpack向'__webpack_require__'函数添加属性？

Question

I'm a code beginner and recently I've began to see and try to understand the code and design of some libraries. I've noticed that Webpack, when it creates a bundle, use the ' webpack_require ' function to load needed modules but I don't understand why, after the function definition, it add it properties like:

/******/    // expose the modules object (__webpack_modules__)
/******/    __webpack_require__.m = modules;
/******/
/******/    // expose the module cache
/******/    __webpack_require__.c = installedModules;
/******/
/******/    // define getter function for harmony exports
/******/    __webpack_require__.d = function(exports, name, getter) {
/******/        if(!__webpack_require__.o(exports, name)) {
/******/            Object.defineProperty(exports, name, {
/******/                configurable: false,
/******/                enumerable: true,
/******/                get: getter
/******/            });
/******/        }
/******/    };

Why it add properties to a function instead of create an object? Are there advantages in this practice? Excuse me for beginner's question. Thank you for the answers.

Answer 1

It's simply a container for the imported modules, and is used only inside the bundle. I personally use source-map to debug, than reading the uncompressed bundle.