在Mac上设置JSX的Babel

时间:2019-02-12 23:02:12

标签: javascript node.js npm babeljs

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

1 个答案:

答案 0 :(得分:1)

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

或者将其全局安装,也可以将可执行文件放在node_modules路径中。 ./node_modules/.bin/babel

如果要在webpack或其他构建工具中单独使用它,则配置应该没问题。