前面的章节里,我们应用 less-loader
编译过 less 文件,应用 xml-loader
编译过 xml 文件,那 js 文件需要编译吗?我们来做一个实验,修改 hello-world.js
文件:
08-babel-loader/src/hello-world.js
function getString() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('Hello world~~~') }, 2000) }) } async function helloWorld() { let string = await getString() console.log(string) } // 导出函数模块 export default helloWorld
执行编译:
[felix] 08-babel-loader $ npx webpack
查看 bundle.js 文件:
08-babel-loader/dist/bundle.js
//... /***/ "./src/hello-world.js": /*!****************************!*\ !*** ./src/hello-world.js ***! ****************************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); function getString() { return new Promise((resolve, reject) => { setTimeout(() =>