Playframework 2.6（Scala）：如何将*.jsx文件编译为*.js文件

既然你已经通过WebJars把React集成到Play应用里了，要搞定.jsx文件编译为.js的问题，按下面的步骤操作就可以：

1. 确认已有的React依赖 #

先确保你已经正确引入了所需的WebJars依赖：

libraryDependencies += "org.webjars" %% "webjars-play" % "2.6.3"
libraryDependencies += "org.webjars.bower" % "react" % "16.1.0"

2. 添加JSX编译的sbt插件 #

• 打开项目根目录下的project/plugins.sbt文件，添加sbt-reactjs插件：

  addSbtPlugin("com.github.ddispaltro" % "sbt-reactjs" % "0.6.8")
  

• 在项目的build配置文件（比如build.sbt）中启用SbtWeb插件，这个插件是让sbt-reactjs能正常工作的前提，启用后它会自动识别.jsx文件并完成编译转换。

这个方案是Play生态里处理JSX编译比较成熟的方式，插件已经封装了Babel等底层编译逻辑，不用你手动配置复杂的转译流程，省心不少。

内容的提问来源于stack exchange，提问作者o-0