javascript - (js): dynamically import modules

Question

我正在构建项目结构，并创建一些模块，我需要根据用户所在的路线导入。

# my folder structure

modules
-- user
-- client
-- index

# my code 

// get constructor 
const  const constructor = await getConstructor( 'user' ); // get the constructor

// index
export const getConstructor = async ( module ) => {
    const constructor = await require(`./${module}`).create; // option 1 
    const constructor = await import(`./${module}`).then( constructor => constructor.create ); // option 2
    return constructor;
}


// module - user
const create = ( data ) => {
    // behavior
    // ...

}

export {
    create,
    delete,
    otherFunctions
}

我的问题是，就性能而言，动态导入 create 函数的最佳方法是什么，无论是选项 1 还是选项 2，甚至还有其他方法。

有什么建议吗？

Answer 1

我认为你应该看看es-module loader ，这是一种管理异步导入“延迟加载”的方法，就性能而言，我认为这也是一个很好的解决方案。这让我们找到了您的第二个选择。

如果你使用的是 webpack，你可以看看一个名为 Code splitting 的概念。 .