如何使用react和gulp动态加载脚本文件

时间:2016-04-06 11:36:34

标签: javascript jquery reactjs gulp

我正在开发一个游戏平台,并且我选择了作为前端技术的反应。目前我正在使用gulp将所有脚本文件构建到一个js文件中。这并不会导致问题,因为只有一个游戏,但是当游戏数量增加时,浏览器将加载大量无用的代码。因此,我希望将所有平台逻辑放在一个文件中,并且每个游戏的脚本将构建到单独的文件中,这些文件将在需要时加载到浏览器中。我如何在构建和动态加载的文件中引用react类?

例如,game1由3个文件组成,这些文件内置于game1.js中。这些3的主文件包含一个反应类Game1。我该如何参考该课程?通常情况下,如果这些是同一个捆绑,我会写" var game = require(' game1_main')"。

1 个答案:

答案 0 :(得分:0)

如果您选择webpack,则可以使用其codesplitting功能。