Universal使用CDN和heroku进行反应渲染

Question

尝试设置服务器端(通用,同构)呈现的应用程序,通过CircleCI使用Heroku为节点/ express应用程序部署,以及Cloudfront作为CDN.

我在概念化它如何工作方面遇到了一些麻烦.除了一些部分之外,这个流程看起来非常简单.一旦我们将构建的资产部署到像CloudFront这样的CDN,我们如何将它们连接到Heroku上的index.html文件？(此索引文件是构建的,并从Heroku节点应用程序提供,作为服务器端呈现的基础).但是我希望它包含到CDN资产的链接,而不是Heroku构建的资产.(CircleCi运行webpack,Heroku一旦部署就运行了)

有没有人遇到过这个？

Answer 1

您可以使用https://github.com/kossnocorp/assets-webpack-plugin之类的东西来创建一个 .json 文件，其中包含您构建的和散列的 webpack 文件的目录/名称。然后，您可以使用此 .json 文件来确定标签在服务器端生成的 html 中的外观。

1. 使用 webpack 构建客户端包并生成一个包含哈希文件名称的 .json 文件
2. 构建您的服务器端包。它读取上面的 .json 文件并将正确的文件名注入到 html 中的脚本值中
3. 部署到heroku/上传到cdn