如何使用JavaScript从同一文件导出和导入多个对象？

问题描述

我有一个包含3个对象的文件，我想将每个对象导入一个不同的文件中。

const object1 {

s1: {
title: "placeholder title",description: "placeholder description"
   }
}
const object2 {

s1: {
title: "placeholder title",description: "placeholder description"
   }
}
const object3 {

s1: {
title: "placeholder title",description: "placeholder description"
   }
}

要导出它们，我正在使用此代码-

module.exports = { object1,object2,object3 }

并在我的单独文件中导入它们

import object1 from "../data";
import object2 from "../data";
import object3 from "../data";

我可以在控制台日志中看到这不会单独加载每个对象，而是将它们作为一个大对象加载。

如何正确导出/导入此文件？

解决方法

由于添加了ecamscript-6标签，因此您可以像这样分别导出const：

export const object1 {

s1: {
title: "placeholder title",description: "placeholder description"
   }
}
export const object3 {

s1: {
title: "placeholder title",description: "placeholder description"
   }
}

然后在另一个文件中，您可以导入以下对象之一：

import { object1 } from '../data.js';