当前位置: 代码迷 >> JavaScript >> 在Mac上设置JSX的Babel
  详细解决方案

在Mac上设置JSX的Babel

热度:88   发布时间:2023-06-12 13:34:23.0

试图为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或其他构建工具之外使用它,则配置应该没问题。