通过 babel 运行 react native es6 javascript答案

【问题标题】：Run react native es6 javascript through babel通过 babel 运行 react native es6 javascript
【发布时间】：2017-06-25 07:00:10
【问题描述】：

使用 babel 运行我的 react 本机源代码树中存在的 javascript 模块的最简单方法是什么？

假设我有以下文件

// hi.js
import _ from 'lodash'    
console.log(_.upperCase('hi'));

我想从命令行快速运行它来测试它或在实用程序脚本或类似的东西中使用它。由于导入语句，我不能直接使用节点。我知道我可以安装和配置 babel...但是由于 babel 已经与 RN 捆绑和配置，我可以以某种方式使用它吗？

例如 > 工作区/node_modules/babe-core/bin/babel-node hi.js

我可以在项目中安装 babel-cli 吗？

谢谢！

【问题讨论】：

【解决方案1】：

你可以使用 babel 命令行编译文件：

babel hi.js --out-file hi-compiled.js --plugins=es2015,react

这将允许您使用节点运行文件：

node hi-compiled.js

或者，您可以使用 babel-node，它可以在一个命令中完成：

babel-node hi.js --plugins es2015

这一切都可以通过npm install -g babel-cli实现

【讨论】：

感谢您的回复。是的，这是使用 babel 的标准方式。但是由于 babel 已经作为 RN 的一部分提供（和配置）了，我想只使用捆绑在 react 本机节点模块中的那个。我想这并不重要。只是好奇是否有可能。
对不起，我误解了这个问题。我现在看到您已经在考虑 babel-node。你想达到什么目的？你想要一个项目特定的命令吗？我不知道这样做的原生反应方式，但你可以使用 npm 来实现。例如，您可以在 package.json 中创建一个脚本："scripts": { "babel-node": "babel-node"} 然后运行 npm run babel-node -- path/to/hi.js