node.js - 使用 babel 将 JSX 转换为 JS

Question

我是 babel 的新手，我正在尝试将我的 main.jsx 文件转换为 main.js。我安装了以下 babel 插件。

npm install --save-dev babel-plugin-transform-react-jsx

在应用程序根目录中创建了一个名为 .babelrc 的文件。

{
   "plugins": ["transform-react-jsx"]
}

我的应用程序正在使用 express 服务器，所以在运行 node app.js 时我期待 babel 将 main.jsx 转换为 main.js 但没有任何反应。谁能指出我做错了什么？

Answer 1

如果你只是使用 babel 将 jsx 转换为 js，这就是你需要的:

安装

• 将 babel-cli 安装为全局(可选)sudo npm install -g babel-cli
• 安装 babel-preset-es2015(可选。如果您的代码使用 es6 标准)npm install babel-preset-es2015
• 安装babel-preset-react(必需)

配置

在项目的根目录中，添加此文件 .babelrc 并将其写入

{
  "presets": ["es2015", "react"]
}

或

{
  "presets": ["react"]
}

运行

babel source_dir -d target_dir