6

尝试设置一个服务器端（通用、同构）渲染的反应应用程序，该应用程序通过 CircleCI 部署，使用 Heroku 作为节点/快递应用程序，Cloudfront 作为 CDN。

我在概念化这将如何工作时遇到了一些麻烦。除了一些部分之外，流程似乎非常简单。一旦我们将构建的资产部署到像 CloudFront 这样的 CDN，我们如何将它们连接到我们在 Heroku 上的 index.html 文件？（此索引文件已构建并从 Heroku 节点应用程序提供，作为服务器端渲染的基础）。但我希望它包含指向 CDN 资产的链接，而不是 Heroku 构建的资产。（CircleCi 运行 webpack，Heroku 部署后也运行）

有没有人遇到过这个？

4

1 回答 1

0

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

  1. 使用 webpack 构建你的客户端包，并使用你的散列文件的名称生成一个 .json 文件
  2. 构建您的服务器端捆绑包。它读取上面的 .json 文件并将正确的文件名注入到你的 html 中的脚本值中
  3. 部署到heroku/上传到cdn
于 2017-01-31T19:53:03.097 回答