如何在命令行上将 babel-cli 设置为 运行 react-native ES6 JavaScript 代码？

Question

我的目标是 运行 ES6 JavaScript 代码在命令行上包含 console.log 语句，以帮助在与我的 React Native 应用程序集成之前调试代码。此代码仅包含 JS 函数。

这是我试过的：

Install babel-cli
   npm install --save-dev babel-cli

File: .babelrc ( in project root )
{
  "presets": ["react-native"]
}

Run sandbox:
./node_modules/.bin/babel-node app/components/sandbox.js

我收到以下 运行 时间错误：

   /react-native/myapp/source/node_modules/react-native/Libraries/react-native/react-native.js:15
    if (__DEV__) {
        ^
        ReferenceError: __DEV__ is not defined

我用过一次。

我错过了什么？

Answer 1

React Native 是一个不同于 Node 的环境，而不仅仅是转译后的代码。您不能 运行 直接在 Node 上响应 Native 应用程序，就像您不能 运行 Node 上的网页一样。

测试时，可以使用jest的mocking特性来mock React Native特定模块。 react-native preset for jest 已经做到了。