1
2
3
4
5
6
7
8

// webpack.config.js
module.exports = {
  mode: "development",
  entry: "./index.js",
  output: {
    filename: "bundle.js",
  },
};

1
2
3
4
5
6

//index.js
import { bar, foo } from "./foo";

foo();

bar();

1
2
3
4
5
6
7
8

// foo.js
export const foo = () => {
  console.log("say foo");
};

export const bar = async () => {
  await Promise.resolve(123);
};

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

// 删减后的结果
 (function() { // webpackBootstrap
 	"use strict";
 	var __webpack_modules__ = ({
        "./foo.js": (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            eval("");
        }),
        "./index.js": (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
            eval("");
        })

 	});

 	// The module cache
 	var __webpack_module_cache__ = {};
 	
 	// The require function
 	function __webpack_require__(moduleId) {
 		// Check if module is in cache
 		var cachedModule = __webpack_module_cache__[moduleId];
 		if (cachedModule !== undefined) {
 			return cachedModule.exports;
 		}
 		// Create a new module (and put it into the cache)
 		var module = __webpack_module_cache__[moduleId] = {
 			// no module.id needed
 			// no module.loaded needed
 			exports: {}
 		};
 	
 		// Execute the module function
 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 	
 		// Return the exports of the module
 		return module.exports;
 	}
 	

 	/* webpack/runtime/define property getters */
 	!function() {
 		// define getter functions for harmony exports
 		__webpack_require__.d = function(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/runtime/hasOwnProperty shorthand */
 	!function() {
 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
 	}();
 	
 	/* webpack/runtime/make namespace object */
 	!function() {
 		// define __esModule on exports
 		__webpack_require__.r = function(exports) {
 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			}
 			Object.defineProperty(exports, '__esModule', { value: true });
 		};
 	}();
 	
 	// startup
 	var __webpack_exports__ = __webpack_require__("./index.js");
 })();

1
2
3

(function(){
  // ...code
})()

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

function __webpack_require__(moduleId) {
 		// Check if module is in cache
 		var cachedModule = __webpack_module_cache__[moduleId];
 		if (cachedModule !== undefined) {
 			return cachedModule.exports;
 		}
 		// Create a new module (and put it into the cache)
 		var module = __webpack_module_cache__[moduleId] = {
 			// no module.id needed
 			// no module.loaded needed
 			exports: {}
 		};
 	
 		// Execute the module function
 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 	
 		// Return the exports of the module
 		return module.exports;
 	}

1

"__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _foo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foo */ \"./foo.js\");\n\n\n(0,_foo__WEBPACK_IMPORTED_MODULE_0__.foo)();\n\n(0,_foo__WEBPACK_IMPORTED_MODULE_0__.bar)();\n\n\n//# sourceURL=webpack://app2/./index.js?"

1
2
3
4
5
6

__webpack_require__.r(__webpack_exports__);
/* harmony import */ 
var _foo__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./foo */ "./foo.js");
(0,_foo__WEBPACK_IMPORTED_MODULE_0__.foo)();
(0,_foo__WEBPACK_IMPORTED_MODULE_0__.bar)();
//# sourceURL=webpack://app2/./index.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */
  bar: function () {
    return /* binding */ bar;
  },
  /* harmony export */
  foo: function () {
    return /* binding */ foo;
  },
  /* harmony export */
});
const foo = () => {
  console.log("say foo");
};
const bar = async () => {
  await Promise.resolve(123);
};
//# sourceURL=webpack://app2/./foo.js?