使用 Babel 转译而不转译 JSX

Question

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

Answer 1

通常在转译 JSX 时，你会有这样的配置

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

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

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

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

Transpile with Babel without transpiling JSX