如何使用 RequireJS 导入这个 React 包？

【问题标题】：How can I import this React package using RequireJS?如何使用 RequireJS 导入这个 React 包？
【发布时间】：2015-02-23 16:47:34
【问题描述】：

有一个名为 formsy-react 的包看起来像是使用 CommonJS 导入的（请参阅此处的代码：https://github.com/christianalfoni/formsy-react/blob/master/release/formsy-react.js），但我无法让它与 RequireJS 一起使用。

具体我试试

require(['formsy-react.js'], function (Formsy) { console.log(Formsy) });

但是Formsy 没有定义。我是 RequireJS 的新手，所以我不确定在这里做什么。是否有任何最佳实践来完成这项工作？

【问题讨论】：

【解决方案1】：

对于 React，除非您必须使用 require.js，否则强烈建议使用 commonjs 方法，通过 browserify 或 webpack 来启动和运行您的代码。

如果您绝对必须使用 require.js，您可以在 https://github.com/christianalfoni/formsy-react/blob/master/build/formsy-react.js 周围编写一个 require 包装器，但它会很笨重。

【讨论】：

为什么强烈推荐使用commonjs？
主要是因为 React 是由 React 团队和网站使用 commonjs 语法“教授”的，目前最好的打包工具是 Browserify（在节点领域几乎是“最”的打包工具）和 Webpack（更新，但被 React 和 Flux 团队提倡和使用）。至于为什么当它做得很好时会使用它们而不是 require.js，Browserify 的诞生主要是为了解决 Require.js 中的缺陷，它做得非常好，而 Webpack 的诞生是为了解决内部捆绑的问题更大的自动化任务集。