웹팩에서dist/bundle.js 도대체 뭐야?

2432 단어
    (function(modules) { // webpackBootstrap

        //  installedModules , ;
        var installedModules = {};

        // The require function
        function __webpack_require__(moduleId) {

            //  module , ;
            if(installedModules[moduleId]) {
                return installedModules[moduleId].exports;
            }
            // , module ;
            var module = installedModules[moduleId] = {
                i: moduleId,
                l: false,
                exports: {}
            };

            //  ;
            modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

            //  module ;
            module.l = true;

            //  ;
            return module.exports;
        }


        // 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
                });
            }
        };

        // getDefaultExport function for compatibility with non-harmony modules
        __webpack_require__.n = function(module) {
            var getter = module && module.__esModule ?
                function getDefault() { return module['default']; } :
                function getModuleExports() { return module; };
            __webpack_require__.d(getter, 'a', getter);
            return getter;
        };

        // Object.prototype.hasOwnProperty.call
        __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };

        // __webpack_public_path__
        __webpack_require__.p = "";

        // Load entry module and return exports
        return __webpack_require__(__webpack_require__.s = 0);

        
    })
    /************************************************************************/
    ([
        (function(module, exports) {
        console.log(1);
        })
    ]);

총괄적으로 말하면 먼저 용기를 만들고 전송된 매개 변수 함수가 용기에 있는지 확인한 다음에 용기에 넣는지 확인하면 나중에 호출하기 편리하다.

좋은 웹페이지 즐겨찾기