在Mac上为JSX设置Babel

试图为React / JSX设置Babel。

我已经设置了一个package.json文件并使用NPM来安装babel-cli和babel-preset-react。

~~来自我的package.json文件~~

   "babel": {
    "presets": [
      "react"
    ]
    },
"devDependencies": {
  "@babel/cli": "^7.2.3",
  "@babel/core": "^7.2.2",
  "@babel/preset-env": "^7.3.1",
  "@babel/preset-react": "^7.0.0",
  "babel-cli": "^6.26.0",
  "babel-preset-react": "^6.24.1"
},

“依赖”：{“@ babel / polyfill”：“^ 7.2.5”}

我应该能够键入（在命令行）：

$ babel --version

并得到一个结果。相反，我得到：

-bash: babel: command not found

任何想法如何解决这一问题？我想开始将ES6 JavaScript和JSX编译为常规JavaScript。

您需要全局安装babel才能使其成为bash命令。 npm install -g babel。

或者，要全局安装它，可执行文件将位于node_modules路径中。 ./node_modules/.bin/babel

如果你使用webpack或其他一些构建工具，你的配置应该没问题。

在Mac上为JSX设置Babel

试图为React / JSX设置Babel。

我已经设置了一个package.json文件并使用NPM来安装babel-cli和babel-preset-react。

~~来自我的package.json文件~~

   "babel": {
    "presets": [
      "react"
    ]
    },
"devDependencies": {
  "@babel/cli": "^7.2.3",
  "@babel/core": "^7.2.2",
  "@babel/preset-env": "^7.3.1",
  "@babel/preset-react": "^7.0.0",
  "babel-cli": "^6.26.0",
  "babel-preset-react": "^6.24.1"
},

“依赖”：{“@ babel / polyfill”：“^ 7.2.5”}

我应该能够键入（在命令行）：

$ babel --version

并得到一个结果。相反，我得到：

-bash: babel: command not found

任何想法如何解决这一问题？我想开始将ES6 JavaScript和JSX编译为常规JavaScript。

您需要全局安装babel才能使其成为bash命令。 npm install -g babel。

或者，要全局安装它，可执行文件将位于node_modules路径中。 ./node_modules/.bin/babel

如果你使用webpack或其他一些构建工具，你的配置应该没问题。