Soy un programador de HTML / CSS / PHP / MYSQL, ahora estoy tratando de aprender algunos JavaScript. Lo hago cavando a través del código del correo web que estoy usando actualmente (código abierto) y tratando de entender cómo funciona. Estoy tratando de entender cómo se cargan las diferentes partes de la página (sin la recarga de la página que obtendría en PHP). Si no me equivoco, está usando webpack para hacer eso. Cada parte de la página se carga como un módulo si no me equivoco.

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};
/******/
/******/    // The require function
/******/    function __webpack_require__(moduleId) {
/******/
/******/        // Check if module is in cache
/******/        if(installedModules[moduleId])
/******/            return installedModules[moduleId].exports;
/******/
/******/        // Create a new module (and put it into the cache)
/******/        var module = installedModules[moduleId] = {
/******/            exports: {},
/******/            id: moduleId,
/******/            loaded: false
/******/        };
/******/
/******/        // Execute the module function
/******/        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/        // Flag the module as loaded
/******/        module.loaded = true;
/******/
/******/        // Return the exports of the module
/******/        return module.exports;
/******/    }
/******/
/******/
/******/    // expose the modules object (__webpack_modules__)
/******/    __webpack_require__.m = modules;
/******/
/******/    // expose the module cache
/******/    __webpack_require__.c = installedModules;
/******/
/******/    // __webpack_public_path__
/******/    __webpack_require__.p = "webmail/v/0.0.0/static/js/";
/******/
/******/    // Load entry module and return exports
/******/    return __webpack_require__(0);
/******/ })

Esto parece ser (parte de) el código que hace posible esa magia. Ahora, más adelante en el código webpack se usa así:

AbstractSystemDropDownUserView.prototype.settingsClick = function ()
{
    __webpack_require__(/*! Knoin/Knoin */ 5).setHash(Links.settings());
};

Si estoy en lo correcto, esta función carga un módulo al hacer clic en el botón que le gusta a settingsClick. Sin embargo, ¿dónde están definidos / asignados los números de módulo?

¡Cualquier ayuda para ponerme en camino es muy apreciada!