Html 为React生成静态页面

Html 为React生成静态页面,html,reactjs,babeljs,static-files,Html,Reactjs,Babeljs,Static Files,目标是让我的React应用程序在AmazonS3(CDN)上运行客户端,并生成新闻文件,这样我就可以拥有社交共享的元标签(主要是因为Facebook) 例如,如果有人共享,那么我会在Amazon S3上创建文件/news/3434/index.html,其中只有meta标记的head部分被填充,而React应用程序要附加的id root在body中有一个div 此方法的问题是,生成的文件不知道对main.js文件的引用,因为在文件名中添加了哈希以进行缓存破坏。即使我这样做了,这也意味着无论何时部

目标是让我的React应用程序在AmazonS3(CDN)上运行客户端,并生成新闻文件,这样我就可以拥有社交共享的元标签(主要是因为Facebook)

例如,如果有人共享,那么我会在Amazon S3上创建文件/news/3434/index.html,其中只有meta标记的head部分被填充,而React应用程序要附加的id root在body中有一个div

此方法的问题是,生成的文件不知道对main.js文件的引用,因为在文件名中添加了哈希以进行缓存破坏。即使我这样做了,这也意味着无论何时部署React应用程序,我都需要重新生成所有新闻文件,因为散列会发生变化

我有另一个想法,在AWS上有一个lambda函数,它基本上会返回填充了正确元标记的模板文件和对main-{hash}.js文件的引用,等等。这似乎是我能想到的最好的解决方案


还有其他解决方案可以很好地工作吗?

有一些框架可以解决React应用程序的服务器端呈现问题。例如,检查