在 Mac 上为 JSX 设置 Babel

Question

尝试为 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。

Answer 1

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

作为全局安装的替代方案，可执行文件将位于 node_modules 路径中。 ./node_modules/.bin/babel

如果你在 webpack 或其他构建工具之外使用它，你的配置应该没问题。