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

时间:2016-10-18 19:40:48

标签: scala reactjs jsx

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

我将sbt-reactjs添加到了我的build.sbt,我发现ReactJS每次更改时都会编译文件,但我仍然会遇到import错误。

由于我的应用程序会变大,因此组件会变大,例如我想将导航栏分开并拥有Nav.jsNavItem.js,这可能会有问题,我希望能够在我的应用程序的任何*.js文件中调用我创建的任何组件。

我听说过babel可能会在纯javascript代码中转换我的代码,但我想了解更多有关它的信息,更确切地说,它可以与Play一起工作(即文件是否会在{{1}期间进行转换命令?)。

所以我的问题是:我可以只使用我已安装的库assets吗?还是我必须在build.sbt中添加其他内容?

感谢您的时间

1 个答案:

答案 0 :(得分:0)

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

https://github.com/nouhoum/play-react-webpack