Importing a self invoking function

Question

I have created a particular effect and wrapped it into a self-invoking function in myEffect.js file,

(function () {
    // yada yada...
}());

Is it possible to then use the es6 way of importing to import this into my main file so that it will run as it is? Reason I'm doing this is my main js file has other misc stuff and this effect is pretty long in itself and I'm hoping to be able to split things up.

Answer 1

The effect will run when the module is evaluated, which happens when it is imported at least once in some other module.

You don't need an IIFE at all, ES6 modules already provide their own scope.

You don't need to export anything, as all your module is supposed to do is execute the side effect. It does not have a result value. (Which could be considered a design flaw, but let's not discuss that).

All you need to do is

// myEffect.js
… // yada yada

// main.js
import 'myEffect.js';