JavaScript: Can I Access The Object That Contains Imported Modules?

I'd like to create an array of the modules I am importing into Main.js file. How might I access the object that contains the imported modules? EDIT To further explain, I am importi

Solution 1:

There is no data structure that is automatically populated with the imports of the current file. You will have to construct your own array or object that manually lists each import.

import Feature1 from './features/Feature1.js';
import Feature2 from './features/Feature2.js';
import {SubFeatureX} from './features/Feature3.js';

const imports = [Feature1, Feature2, {SubFeatureX}];
// or
const imports = {Feature1, Feature2, Feature3: {SubFeatureX}};

If you need to create this variable in every file and are worried about the effort of maintaining the lists manually, you could compile the project with Babel and could write a Babel plugin to add this variable for you at the top of each file.

Solution 2:

file.js

export firstFunc() {}
export nextFunc() {}

newFile.js

import * as Obj from "./file.js";

Does it make sense?

Solution 3:

import {firstMethod, secondMethod} from "./firstFile";
import {anotherFirstMethod} from "./secondFile";

export {
    firstMethod,
    secondMethod,
    anotherFirstMethod
};

or

import * as Obj from "./firstFile";
import * as Obj2 from "./secondFile";

export {
    Obj,
    Obj2
};