在jsx文件播放框架中使用import答案

【问题标题】：Use import in jsx file play framework在jsx文件播放框架中使用import
【发布时间】：2017-02-28 05:28:10
【问题描述】：

我正在使用 Play Framework 2.5 和 ReactJS，我希望能够在我的 .jsx 文件中使用 import，但似乎我不允许这样做，因为它会在 javascript 控制台中引发错误提示无法识别该导入。

我将 sbt-reactjs 添加到我的 build.sbt 中，我看到 ReactJS 每次更改文件时都会编译它们，但是我仍然有这个 importerror。

随着我的应用程序将变得更大，这可能真的有问题，例如，我想划分我的导航栏并拥有Nav.js和NavItem.js，并且我希望能够调用我的任何组件已在我的应用程序的任何 *.js 文件中创建。

我听说过 babel 可以将我的代码转换为纯 javascript 代码，但我想了解更多关于它的信息，更准确地说，它是否可以与 Play 一起使用（即文件是否会在 assets 命令期间被转换?)。

所以我的问题是：我可以将import 与我已安装的库一起使用还是必须在我的 build.sbt 中添加其他内容？

感谢您的宝贵时间

【问题讨论】：

【解决方案1】：

嗯，从网上搜索，似乎有很多方法可以做到这一点。我也遇到了同样的问题。我发现最好的例子是使用 webpack 构建 jsx 文件。以下 git repo 有你所需要的一切。

【讨论】：