Last active
September 7, 2025 14:07
-
-
Save YingshanDeng/111506677cc039ec023f1d0c2b22a803 to your computer and use it in GitHub Desktop.
TLA Webpack Demo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /******/ (() => { // webpackBootstrap | |
| /******/ "use strict"; | |
| /******/ var __webpack_modules__ = ({ | |
| /***/ 774: | |
| /*!********************!*\ | |
| !*** ./src/tla.ts ***! | |
| \********************/ | |
| /***/ ((module, __webpack_exports__, __webpack_require__) => { | |
| __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try { | |
| /* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| /* harmony export */ greeting: () => (/* binding */ greeting) | |
| /* harmony export */ }); | |
| function sleep(t) { | |
| return new Promise(resolve => { | |
| setTimeout(resolve, t); | |
| }); | |
| } | |
| console.log("start wait ..."); | |
| await sleep(1000); | |
| console.log("finish wait ..."); | |
| const greeting = "Top-level await is working"; | |
| __webpack_async_result__(); | |
| } catch(e) { __webpack_async_result__(e); } }, 1); | |
| /***/ }), | |
| /***/ 953: | |
| /*!**********************!*\ | |
| !*** ./src/entry.ts ***! | |
| \**********************/ | |
| /***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => { | |
| __webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try { | |
| /* harmony import */ var _tla__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tla */ 774); | |
| var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_tla__WEBPACK_IMPORTED_MODULE_0__]); | |
| _tla__WEBPACK_IMPORTED_MODULE_0__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0]; | |
| console.log(_tla__WEBPACK_IMPORTED_MODULE_0__.greeting); | |
| __webpack_async_result__(); | |
| } catch(e) { __webpack_async_result__(e); } }); | |
| /***/ }) | |
| /******/ }); | |
| /************************************************************************/ | |
| /******/ // 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/async module */ | |
| /******/ (() => { | |
| /******/ var webpackQueues = typeof Symbol === "function" ? Symbol("webpack queues") : "__webpack_queues__"; | |
| /******/ var webpackExports = typeof Symbol === "function" ? Symbol("webpack exports") : "__webpack_exports__"; | |
| /******/ var webpackError = typeof Symbol === "function" ? Symbol("webpack error") : "__webpack_error__"; | |
| /******/ var resolveQueue = (queue) => { | |
| /******/ if(queue && queue.d < 1) { | |
| /******/ queue.d = 1; | |
| /******/ queue.forEach((fn) => (fn.r--)); | |
| /******/ queue.forEach((fn) => (fn.r-- ? fn.r++ : fn())); | |
| /******/ } | |
| /******/ } | |
| /******/ var wrapDeps = (deps) => (deps.map((dep) => { | |
| /******/ if(dep !== null && typeof dep === "object") { | |
| /******/ if(dep[webpackQueues]) return dep; | |
| /******/ if(dep.then) { | |
| /******/ var queue = []; | |
| /******/ queue.d = 0; | |
| /******/ dep.then((r) => { | |
| /******/ obj[webpackExports] = r; | |
| /******/ resolveQueue(queue); | |
| /******/ }, (e) => { | |
| /******/ obj[webpackError] = e; | |
| /******/ resolveQueue(queue); | |
| /******/ }); | |
| /******/ var obj = {}; | |
| /******/ obj[webpackQueues] = (fn) => (fn(queue)); | |
| /******/ return obj; | |
| /******/ } | |
| /******/ } | |
| /******/ var ret = {}; | |
| /******/ ret[webpackQueues] = x => {}; | |
| /******/ ret[webpackExports] = dep; | |
| /******/ return ret; | |
| /******/ })); | |
| /******/ __webpack_require__.a = (module, body, hasAwait) => { | |
| /******/ var queue; | |
| /******/ hasAwait && ((queue = []).d = -1); | |
| /******/ var depQueues = new Set(); | |
| /******/ var exports = module.exports; | |
| /******/ var currentDeps; | |
| /******/ var outerResolve; | |
| /******/ var reject; | |
| /******/ var promise = new Promise((resolve, rej) => { | |
| /******/ reject = rej; | |
| /******/ outerResolve = resolve; | |
| /******/ }); | |
| /******/ promise[webpackExports] = exports; | |
| /******/ promise[webpackQueues] = (fn) => (queue && fn(queue), depQueues.forEach(fn), promise["catch"](x => {})); | |
| /******/ module.exports = promise; | |
| /******/ body((deps) => { | |
| /******/ currentDeps = wrapDeps(deps); | |
| /******/ var fn; | |
| /******/ var getResult = () => (currentDeps.map((d) => { | |
| /******/ if(d[webpackError]) throw d[webpackError]; | |
| /******/ return d[webpackExports]; | |
| /******/ })) | |
| /******/ var promise = new Promise((resolve) => { | |
| /******/ fn = () => (resolve(getResult)); | |
| /******/ fn.r = 0; | |
| /******/ var fnQueue = (q) => (q !== queue && !depQueues.has(q) && (depQueues.add(q), q && !q.d && (fn.r++, q.push(fn)))); | |
| /******/ currentDeps.map((dep) => (dep[webpackQueues](fnQueue))); | |
| /******/ }); | |
| /******/ return fn.r ? promise : getResult(); | |
| /******/ }, (err) => ((err ? reject(promise[webpackError] = err) : outerResolve(exports)), resolveQueue(queue))); | |
| /******/ queue && queue.d < 0 && (queue.d = 0); | |
| /******/ }; | |
| /******/ })(); | |
| /******/ | |
| /******/ /* webpack/runtime/define property getters */ | |
| /******/ (() => { | |
| /******/ // define getter functions for harmony 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/runtime/hasOwnProperty shorthand */ | |
| /******/ (() => { | |
| /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) | |
| /******/ })(); | |
| /******/ | |
| /************************************************************************/ | |
| /******/ | |
| /******/ // startup | |
| /******/ // Load entry module and return exports | |
| /******/ // This entry module used 'module' so it can't be inlined | |
| /******/ var __webpack_exports__ = __webpack_require__(953); | |
| /******/ | |
| /******/ })() | |
| ; | |
| //# sourceMappingURL=main.bundle.js.map |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { greeting } from "./tla"; | |
| console.log(greeting); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function sleep(t: number) { | |
| return new Promise((resolve) => { setTimeout(resolve, t) }); | |
| } | |
| console.log("start wait ..."); | |
| await sleep(1000); | |
| console.log("finish wait ..."); | |
| const greeting = "Top-level await is working"; | |
| export { greeting }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment