Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/67.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 既然应用程序现在有这么多reactjs组件,我如何在Rails中管理reactjs组件文件?_Ruby On Rails_Reactjs_React Rails - Fatal编程技术网

Ruby on rails 既然应用程序现在有这么多reactjs组件,我如何在Rails中管理reactjs组件文件?

Ruby on rails 既然应用程序现在有这么多reactjs组件,我如何在Rails中管理reactjs组件文件?,ruby-on-rails,reactjs,react-rails,Ruby On Rails,Reactjs,React Rails,我正在使用gem在Rails应用程序中使用Reactjs。在前端有这么多在单独文件中定义的组件之前,一切都正常工作 问题是每次加载应用程序时,所有这些文件都会下载到浏览器中。我知道这很明显,但有点低效,因为在一个会话中只会使用几个react组件 这是我当前的工作区: --assets ----javascripts ------components --------component_1.js.coffee --------.... --------component_n.js.coffee

我正在使用gem在Rails应用程序中使用Reactjs。在前端有这么多在单独文件中定义的组件之前,一切都正常工作

问题是每次加载应用程序时,所有这些文件都会下载到浏览器中。我知道这很明显,但有点低效,因为在一个会话中只会使用几个react组件

这是我当前的工作区:

--assets
----javascripts
------components
--------component_1.js.coffee
--------....
--------component_n.js.coffee

我只是想知道是否有任何有效的解决方案来优化此功能?

Reactjs不支持此功能,但您可以使用其他库(例如requirejs)

一个非常好的开源解决方案是

另一个是


还有其他的。请参见reactjs网站。

您可以将其拆分为多个文件(每个布局或应用程序的主要部分各一个)

而不是将所有内容都放入
application.js
中@MichalSzyndel我得到了您的好主意,它仍然很复杂,因为如果我们有越来越多的组件,我们会再次将其拆分,这方面有什么常规:例如对于
/home
我们只需要
组件1
,和
组件2
?我不久前才开始与React自己合作,所以我没有足够的经验。组件的某种动态加载是有意义的,但我不确定React中是否存在类似的情况。