如何使用JavaScript中的define导入模块的子模块？

Question

I'm new to AMD and trying to use react-context-menu library. The docs for the library imports modules like ,

    import { ContextMenu, MenuItem, ContextMenuTrigger } from "react-contextmenu";

Now if I were to include the module using define[] , how would I do it ?

eg for including react I would do,

    define(["react"], function(React){

    });

What should I do if I also want to include react-context-menu and use it's submodules ContextMenu, MenuItem, ContextMenuTrigger ?

    define(["react", "react-context-menu"], function(React, ??????){

    });

Thanks in advance.

Answer 1

也许你应该考虑使用CommonJS的模块var $ = require('jquery')与捆绑，而不是一个模块，无论是一起的WebPack或browserify 。

Answer 2

    define(["react-contextmenu"], function(ReactContextMenu){

       var ContextMenu = ReactContextMenu.ContextMenu;
       var ContextMenuTrigger = ReactContextMenu.ContextMenuTrigger;
       var MenuItem = ReactContextMenu.MenuItem;

    });

The sub-modules can be included using . (dot). <module>.<sub-module> worked for me.