reactjs - 如何将 React Webpack Web 应用部署到 Azure 应用服务？

Question

我从 Dropbox 部署的 Azure Web 应用程序无法正常工作。

我正在运行一个应用程序服务。我正在尝试部署我的 React Webpack 应用程序。我尝试从我的 Bitbucket 存储库进行部署，但整个项目被加载到 D:\home\site\wwwroot 中并且只是坐在那里，因为 Kudu 显然认为它是一个 node.js 应用程序。根据我的阅读，Kudu 使用 package.json 文件对任何 git 部署执行此操作。所以我尝试从 Dropbox 进行部署。我将应用程序的源正确设置到 Dropbox/Apps/Azure/目录，然后单击“同步”。我得到以下结果:

Title Synchronization Request Submitted Description The repository for web app is being updated. Status Informational Timestamp Wed Nov 23 2016 08:44:09 GMT-0500 (Eastern Standard Time) UTC Timestamp Wed, 23 Nov 2016 13:44:09 GMT Correlation IDs 447bf0d0-a533-49dd-898a-57b5be6b5738 Percent Completed 100

但是 D:\home\site\wwwroot 中的位仍然显示旧 git 存储库部署的代码。在我的 Dropbox 页面上，我有想要部署的部分，即 Webpack 构建运行后的构建文件夹中的部分。他们的根目录有index.html，所以我希望如果只是复制到Azure，它就能正确提供。

我对 Azure 的一切都很陌生，有人可以帮忙吗？

已编辑以下更多信息。

需要明确的是，我没有部署 wwwroot 文件夹中包含的任何代码，例如 app.js/server.js。我仅将 Webpack 构建运行的结果复制到指定为 Azure 作为源的 Dropbox 文件夹。该 Dropbox 文件夹如下所示:

asset-manifest.json
favicon.ico
index.html
splash.css
static
    css
        main.63e4d058.css
        main.63e4d058.css.map
    js
        main.68797484.js
        main.68797484.js.map
    media
        dell-300-426.b435b6bd.png
        duck.1d942aad.svg
        example1.9443ef49.png
        icon_question.3672f035.png
        ipad-montecarlo-demo.2d964854.png
        moneyplan-imac-300-552-new.8814ce0f.png
web.config

index.html 文件有一个 script 标记，其中的代码指向 main.68797484.js 文件，即捆绑的应用代码。

但是在 Azure 部署选项中，单击“同步”后，结果显示“未找到部署”，尽管有一条通知“正在更新 Web 应用程序的存储库”。

Answer 1

我创建了一个存储库，应该可以通过自动部署解决这个问题。

https://github.com/ulrikaugustsson/azure-appservice-static

简而言之，它将构建项目，然后将构建文件夹复制到 wwwroot。