2017-04-15 56 views
0

我知道服务器端同构渲染,但我目前有一个网站托管在github页面,所以服务器端是不可能的(或是否?)。是否可以使用静态单页面应用程序对代码拆分(webpack)进行编码? (反应/反应路由器)

我一直在做一些研究,发现各种评论说,这是可能的,但我在寻找的确认,也许代码分裂如何是可能的静态单页的应用程序更详细的解释。我的bundle.js文件目前是500 + kb,我想看看如何减少加载时间,尤其是在我继续添加功能时。

+0

根据反应路由器[文件](https://reacttraining.com/react-router/web/guides/code-splitting)(在页面底部),他们提到放弃了代码 - 与服务器渲染分离。然而,代码分裂是可能的,他们推荐的WebPack [束装载机(https://github.com/webpack-contrib/bundle-loader) – aarosil

+0

正确的,你不能使用服务器呈现W/github上托管的网页,你会需要使用自己的nodejs服务器 – aarosil

回答

0

如果我有反应,路由器还记得你可以在你的路由组件getComponent定义参数(),并使用System.import加载你的依赖例如

{ 
    path: '/', 
    getComponent(location, cb) { 
     System.import('path/Component').then(loadRoute(cb)).catch(errorLoading); 
    } 
+0

这种方法是否允许使用单个页面应用程序进行代码分割? –

+0

是可能的 – KornholioBeavis

相关问题