Is it possible to add ES6 imports straight onto an object?

Question

Consider the following example:

import ThingA from './ThingA';
import ThingB from './ThingB';
// ... import more things

const things = {
  ThingA,
  ThingB,
  // ... add more things to object
};

This code works fine, but each item being imported needs to be specified twice (once to import, once to add it to the object). Is there a way to remove this duplication?

I've taken a look at the import docs, but the syntax doesn't seem to support anything for this use case.

import/export wasn't designed to be dynamic, unfortunately (IMO it's one of the worse parts of ES6 design). — Denys Séguret, Apr 07 '16 at 12:55
Each item being imported isn't "specified twice". The `import` imports it, then you actually *use* it. — Dave Newton, Apr 07 '16 at 13:15
@DenysSéguret: it makes static analysis a lot easier and reliable. — Felix Kling, Apr 07 '16 at 13:43
Why do you need to place your imports in an object at all? This seems like an XY Problem. — Mathletics, Apr 08 '16 at 14:10
@rouan: You'll want to have a look [over here](http://stackoverflow.com/a/35439066/1048572) — Bergi, Apr 08 '16 at 14:16

Dmitri Pavlutin · Accepted Answer · 2016-04-07T13:04:41.540

1

Unfortunately it is not possible to import directly into an object property or to use the import in different expressions than standard one:

import <ImportClause> from <ModuleSpecifier>

Check here the exact import specification.

edited Apr 07 '16 at 13:04

answered Apr 07 '16 at 13:01

Dmitri Pavlutin

16,530
7
35
38

Hu ? There are other possible syntaxes. See the MDN: https://developer.mozilla.org/en/docs/web/javascript/reference/statements/import#Syntax – Denys Séguret Apr 07 '16 at 13:04
@DenysSéguret I mean generally. It's not the case to list them all. :D – Dmitri Pavlutin Apr 07 '16 at 13:06
1

I'd recommend [this](http://wesbos.com/javascript-modules/) reading – Lionel T Apr 07 '16 at 13:08

Is it possible to add ES6 imports straight onto an object?

1 Answers1