import from ES6 module to legacy js code

Question

I use babel.js and have a new module foo in my code

foo.js:

export function foo(number) {
    return number + 42;
}

And bunch of big old files where everything is global. And I need to call a foo function from that legacy code.

bar.js:

 ...
 var result = foo(0); 
 ...

But I can't just import foo cause then my bar.js will be a module and unavailable from other old code. Is there a way to import module and retain my bar.js global?

"But I can't just import foo cause then my bar.js will be a module and unavailable from other old code" You have to import the module file / somehow if you want to use it. What's the context? How can bar.js be used "globally" in the first case. — Felix Kling
– Felix Kling, Commented Nov 11, 2015 at 14:23
Which module loader are you using? Do you transpile to commonjs? — Bergi
– Bergi, Commented Nov 11, 2015 at 17:22
I use webpack. In bar.js a lot of global variable and function that used in other part of application. — Nikita. A.
– Nikita. A., Commented Nov 12, 2015 at 7:00

Leonid Beschastny · Accepted Answer · 2015-11-12 11:05:42Z

4

I had a somewhat similar problem recently. I ended up polluting window object with everything I need in legacy code.

I created separate register.js module for this purpose and included it to my webpack build:

import ClassA from './ClassA'
import ClassB from './ClassB'
import * as utils from './utils'

Object.assign(window, utils)
Object.assign(window, {ClassA, ClassB})

answered Nov 12, 2015 at 11:05

Leonid Beschastny

51.6k10 gold badges121 silver badges126 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kochizufan Over a year ago

Great solution!

Collectives™ on Stack Overflow

import from ES6 module to legacy js code

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related