angular - 将模板添加到现有 Ionic 应用程序的步骤

Question

我们使用 ionic 3 开发了我们的应用程序。我们预计访问我们网站的移动用户将多于台式机和笔记本电脑。因此希望 ionic 上的 SEO 支持我们可以修改每个页面的标题和元描述标签。我们已经尝试过https://forum.ionicframework.com/t/progressive-web-app-metatags/89282，但它不起作用。唯一的解决方案是服务器端渲染 (SSR) 吗？如果是这种情况，那么 stenciljs 看起来是唯一的解决方案。有没有人将模板集成到他们现有的离子项目中？如果是，请让我知道这样做的努力和步骤。预先感谢！

Answer 1

这是我的步骤：

1. 在您的stenciljs项目运行中rpm run build
2. 将项目文件夹/dist中的全部内容复制到您的离子项目中。stenciljs/assets/your-lib-name/dist/

3. 在 ionic 项目中编辑index.html并在 head 部分（最后）添加以下内容：

   <script src="assets/your-lib-name/dist/your-lib-name.js"></script>
   

4. 修改需要导入组件的每个模块：

   import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
   @NgModule({
     declarations: [],
     imports: [],
     exports: [],
     schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
   })