如何使用 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”文件。

这是文档