该公司的本地移动终端需要使用WebView引入一些具有低性能要求的H5页面。在初步考虑之后，效果是可以接受的。iOS侧面iOS顶部的运动距离检测以及索引的路由器判断的动画添加了动画，但总体效果仍然无法实现以下图的效果。
在原始项目中，使用HTML页面和本机自行形成的协议打开HTML，跳跃是直接跳到另一个HTML页面。
将不同页面的内容分配在不同页面下，每个页面中的文件夹等同于一个项目，并分别介绍了main.ts和index.html。
请注意，需要修改Multi -Page Inlet index.html的main.ts的src。
主要是多页面相关的内容
有关特定配置项目，请检查Vite文档
1. ROOT设置为SRC文件夹（项目入口）
2.ENVDIR（环境变量文件所在的文件夹）
因为root设置为SRC，您需要https://www.shouxicto.com/返回到上一层，也可以将.ENV文件放在SRC中
3.主要内容是配置
Manange，细节，增加是每个页面配置的HTML入口
添加了一个条目作为整个项目索引的入口。html
同时，我在此HTML文件中迈出了一个重定向方向
我们很方便地打开3000端口并在运行项目后直接跳到实际入口
4.outdir和keneteroutdir选项
因为我们的项目根部设置为SRC文件夹，所以设置Outdir为https://www.shouxicto.com/dist
返回到一个级别，将包装文件夹的位置放在项目文件夹下方
emptyoutdir是因为默认情况下，root文件下远端文件的内容为
设置为true以清除远端文件夹内容
5.基本设置更重要
它与我们的包装的成功操作直接相关
您可以在这里使用'/'，可以在包装完成后打开编辑器中的远端文件夹
在每个入口的index.html中
CTRL+左键访问JS，CSS资源，可以访问成功的说明路径
这是一个坑，我们必须使用编辑器打开DIST文件夹，然后访问JS，可以访问CSS资源。一开始，我使用Live Sever打开index.html直接引入资源404。您可以在包装后看到。HTML页面的路径报价资源为/static/xxx。据推测，这里的问题应与相对路径有关。如果大个子知道，您可以详细谈论它
包装很长
部署是nginx，我们将包装区放在nginx的HTML目录中，在conf文件中配置服务器，用本地，root指定端口，而路径是最佳的位置。
保存配置后，重新启动NGINX访问指定的端口并自动重定向到集合入口
您可以看到已请求资源文档
多页面条目的配置的想法实际上是每个入口html文件的单独的main.ts和app.vue。在同一时间，每个HTML新的都是VUE，这主要很容易踩到坑。
原始：https：//juejin.cn/post/70985440526770183