如何使用 JavaScript 中的定义导入模块的子模块？答案

【问题标题】：How to import sub-modules of a module using define in JavaScript?如何使用 JavaScript 中的定义导入模块的子模块？
【发布时间】：2018-01-06 09:56:51
【问题描述】：

我是 AMD 新手，正在尝试使用 react-context-menu 库。库的文档导入模块，如，

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

现在如果我要使用define[] 包含模块，我会怎么做？

e.g 包括我会做的反应，

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

    });

如果我还想包含react-context-menu 并使用它的子模块ContextMenu, MenuItem, ContextMenuTrigger，我该怎么办？

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

    });

提前致谢。

【问题讨论】：

标签： javascript require amd

【解决方案1】：

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

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

    });

可以使用.(dot) 来包含子模块。 <module>.<sub-module> 为我工作。

【讨论】：

【解决方案2】：

也许您应该考虑将 CommonJS 模块 var $ = require('jquery') 与捆绑的模块结合使用，webpack 或 browserify。

【讨论】：