认识

2024年11月23日

柏拉文

越努力，越幸运

一、认识

---

import() 是 ES Module 提供的一种动态导入语法，它可以在运行时按需加载 JavaScript 模块。Webpack 对 import() 提供了特殊支持，允许动态导入被视为代码分割点（chunk），从而提高应用的加载性能。

二、语法

---

2.1 then 形式

(async () => {
    import(/* webpackChunkName: "module1" */ "./module1.js").then((module) => {
        const {
        default: { name },
        } = module;
        console.log(name);
    });
})();

2.2 async/await 形式

(async ()=>{
    const {
    default: { name },
    } = import(/* webpackChunkName: "module1" */ "./module1.js");
    console.log(name);
})()