如何使用 web 服務器部署 Stencil App？

Question

我正在嘗試學習如何使用像 Ngnix 這樣的 web 服務器部署 Stencil web 應用程序，但我無法使其在本地主機上運行。 我懷疑縮小版本沒有入口點。

例如，我使用的是模板入門應用程序。

在我的 stencil.config.ts 文件中，我選擇了“dist”output 目標。

outputTargets: [
  {
    type: 'www',
    // comment the following line to disable service workers in production
    serviceWorker: null,
    baseUrl: 'https://myapp.local/',
  },
  {
    type: 'dist'
  },
]

對於縮小版本，我正在運行命令：

 npm run build -production

生成的“/dist”文件夾不包含 index.html 文件，這使我無法使用 Ngnix 為其提供服務。

dist文件夾的內容

我希望生成的“/dist”文件夾將包含一個“index.html”文件，該文件可以用作 web 服務器的入口點。
我究竟做錯了什么？
有什么我想念的嗎？

Answer 1

dist output 目標用於包含在現有頁面中。

要生成網站，您可以使用www output 目標（在www文件夾中）。 這也將使您能夠訪問特定於網站的選項，例如服務人員。

文檔state：

www output 目標類型面向 web 應用程序和網站，由 http 服務器托管，它可以受益於預呈現和服務工作者，例如您正在閱讀的這個網站。

Answer 2

對於將來遇到此問題的任何人，我都找到了解決方案。

我應該使用“/www”文件夾進行部署，因為這是它應該用於獨立 web 應用程序的方式，並且它包含一個“index.html”文件。

這是文檔