在不编译 JSX 的情况下使用 Babel 进行编译

【问题标题】：Transpile with Babel without transpiling JSX在不编译 JSX 的情况下使用 Babel 进行编译
【发布时间】：2016-01-06 19:18:30
【问题描述】：

是否可以在不接触 JSX 的情况下使用 babel.transform 进行转译？我想保留 JSX 以使用另一个 JSX 解释器，该解释器将在 Babel 转译发生后执行。

【问题讨论】：

【解决方案1】：

通常在转译 JSX 时，您会有类似的配置

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

但是，在您的情况下，您实际上是希望省略 'react' 而不会导致 Babel 为 JSX 抛出语法错误。这可以通过只启用解析 JSX 语法的插件而不启用将 JSX 转换为 JS 的插件来实现：http://babeljs.io/docs/plugins/syntax-jsx/

{
  presets: ['es2015'],
  plugins: ['syntax-jsx']
}

并确保您使用npm install --save-dev babel-plugin-synax-jsx 安装插件。

【讨论】：