Parse functions annotated

[gregberge]

🚀 Feature Proposal

Actually Babel plugin relies on loadable, it would be great to rely on a comment too. See #188.

Motivation

See #188.

Example

/* #__LOADABLE__ */
const loader = () => import('./MyComponent');

var loader = function () {
  return {
      chunkName: function chunkName() {
        return "my-component";
      },
      isReady: function isReady(props) {
        if (typeof __webpack_modules__ !== 'undefined') {
          return !!__webpack_modules__[this.resolve(props)];
        }

        return false;
      },
      requireAsync: function requireAsync() {
        return import(
        /* webpackChunkName: "my-component" */
        './MyComponent');
      },
      requireSync: function requireSync(props) {
        var id = this.resolve(props);

        if (typeof __webpack_require__ !== 'undefined') {
          return __webpack_require__(id);
        }

        return eval('module.require')(id);
      },
      resolve: function resolve() {
        if (require.resolveWeak) {
          return require.resolveWeak("./MyComponent");
        }

        return require('path').resolve(__dirname, "./MyComponent");
      }
    }

[tagoro9]

Hello. I would like to help with this.

I have a working POC that works for the above example an also for object properties that also have the comment like:

const data = {
  /* #__LOADABLE__ */
  loader: () => import('moment')
}

I am gonna try to create a PR soon with it.