如何在 ES5 中实现 ES6 中的“导入”语法答案

【问题标题】：How to implement "import" syntax in ES6 in ES5如何在 ES5 中实现 ES6 中的“导入”语法
【发布时间】：2015-10-12 17:21:42
【问题描述】：

全部：

之前没学过ES6，但是在尝试React Router的时候，指南几乎都是用ES6写的，还有一部分是用'import A from b'，查了一下，原来是ES6语法，我想知道如何用 ES5 实现它？这只是一个简单的使用：

var A = require("b");

谢谢

【问题讨论】：

只需通过转译器运行 ES6 代码并查看一下。如果您转译为 CommonJs 模块，是的，这就是它的样子。
@Bergi 谢谢，但你能告诉我如何转译该代码吗？我尝试使用reactify，但它说：Parse Error Illegal import declaration
试试 babel。 Reactify 似乎不支持 ES6 模块。
@Bergi 谢谢，我会找到一些关于此的教程。
Plus reactify 已弃用:)

【解决方案1】：

我发现 babel 最适合转译代码。它与 require 相同，但新的导入和导出更灵活。为了便于使用 react 我肯定会研究 jspm http://jspm.io/docs/index.html

【讨论】：

【解决方案2】：

就像其他人一直在说的那样，您将要为您的代码使用转译器 - 而 babel 正是您要寻找的。p>

根据您项目的大小，实现类似 webpack 的东西对于编译您的项目将非常有用。

有一些关于使用 react、webpack 和 babel 构建应用程序的很棒的教程。那里也有一些很棒的样板。

现在关于您的问题 - 是的。 import 只是使用 require 的一种更简单、更好的方式 :)

【讨论】：