首页 > 解决方案 > 导入动态命名的导出

问题描述

是否可以动态导入命名导出?我有一个文件banana.js,其中包含数百个命名导出。我想按需导入它们。这可能吗?如果是,它会只加载那个导出而不是全部吗?

我知道可以从单个文件动态导入它们,但我希望它们在同一个文件中。

下面的例子..

// banana.js
export const banana_1 = {
  ..
}
export const banana_2 = {
  ..
}

// main.js
const currentPage = 1
async getSomething(){
  let { `banana_${currentPage}` } = await import('./banana.js');    
  const foo = `banana_${currentPage}`    
}

仅供参考,我正在使用 Vue.js

标签: javascriptdynamic-import

解决方案


根据您对我的问题的回答,我提供以下解决方案。我知道不想为了热加载一些 JSON 对象而部署和使用完整的数据库解决方案。我不确定您的用例和与您的项目相关的其他详细信息。

您可以使用像 SQLite 这样的自包含数据库。而不是设置 NoSQL 或 SQL 服务器。相反,您可以将所需的内容存储到 SQLite 文件中。由于 Vue 需要 Node.js,您可以使用 Node.js SQLite3 库https://www.npmjs.com/package/sqlite3

我希望这有帮助。


推荐阅读