同构的应用程序没有拆分视图

在过去的几年中,我一直在MEAN栈上构build单页应用程序,并且非常喜欢它。 但是,默认情况下缺乏SEO,有时候一些性能问题对我来说是一个真正的问题。 所以我开始研究构build同构的应用程序。 我检查了这些教程:

http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/

http://engineering.devmag.io/post/1/creating-an-isomorphic-blogging-app-using-react-and-flux

用我目前的SPA构build,我有一个主index.html文件(包含body&head,header,footer,nav和脚本来加载),然后我有一个使用Angular的ng-view加载ng-view 。 这是非常容易维护前端的HTML作为一个页面的所有代码将在一个单一的视图文件。

然而,我看过的同构构build(使用React和Flux)的教程将html分割成模块,每个模块都有自己的文件并混合到javascript中。 我觉得这很难看,很难维护。 查看输出文件中的代码,很难看到结果页面的样子。 它看起来不是很有语义,似乎回到了一些老式的在PHP应用程序中构build模块化html的方法,而这些方法有些人曾经做过。

有没有办法维护我们从Angular SPA中获得的简单的路由和html视图结构,同时能够以同构的方式在服务器上呈现?

注意我不是简单地使用PhantomJS之类的东西来渲染服务器上的内容。 我仍然想要完整的同构体验,首先打到页面提供完全呈现的内容,然后后续交互在客户端执行JavaScript。