[FEATURE] Support dynamic import

[dtruffaut]

Support dynamic import :

https://developers.google.com/web/updates/2017/11/dynamic-import

module.js :

export const foo = _ => {
  console.log('foo');
}

main.js :

const main = async _ => {

  const m = await import('module.js');
  m.foo();

  (await import('module.js')).foo();

}

main();

Should display :

foo
foo

The thing is about supporting 'export' and 'import' keywords.

[blickly]

Thanks for filing the tracking bug.

Just want to confirm that the feature we're tracking here should be the currently stage 3 dynamic import syntax, not top-level await syntax.

[dtruffaut]

Yes !

[ChadKillingsworth]

@blickly There is already both Chrome and Safari support for this feature. The hard part is figuring out exactly what the compiler should do here. But parsing would be a good first step...

[dtruffaut]

Any news on this ?
At least, just allow the parsing ?

[maxmilton]

Would be amazing to see parser support for import().

Spent the morning trying to add Closure Compiler as the minifier in https://github.com/MaxMilton/sapper-template-rollup/tree/feat/use-closure-compiler but in the end it turns out the import() can't be parsed and the compiler bails completely. In this project the import function is polyfilled so we don't need the compiler to do anything special. This is now a blocker for adding Closure Compiler support 😓

[lauraharker]

Created Google internal issue http://b/122961838 for this request.

[Tonsil]

Has there been any movement on this recently? Asking because we're getting into a project for which it would be extremely useful. I figured I'd ask before we decide to fork and fix it ourselves.