Conditional export in ES2015
export
syntax must be at the top-level scope of a module because you are declaring what exports exist. You are free to conditionally assign them a value though, like
export let Foo = global.Foo;
if (typeof Foo === 'undefined'){
Foo = class { ... }
}
export
should be static. For conditional exports CommonJS modules and exports
can be used.
It should be handled with ES6 modules this way:
export let Foo;
if (window.Foo === undefined) {
Foo = class Foo { ... }
} else {
Foo = window.Foo;
}
For platform-independent solution (this
may not be equal to global in transpiled code) window
can be replaced with
const root = (() => eval)()('this');
if (root.Foo === undefined) {
...
This exploits binding feature of ES6 modules which was designed this way to handle cyclic dependencies and explained greatly here.
The code above transpiles to
...
var Foo = exports.Foo = void 0;
if (window.Foo === undefined) {
exports.Foo = Foo = function Foo() {
_classCallCheck(this, Foo);
};
} else {
exports.Foo = Foo = window.Foo;
}
In this case export is not conditional, but Foo
value that is bound to this export is conditional.