Question

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

Answer 1

以下是我的步骤：

在stenciljs项目中rpm run build
将文件/dist中的所有内容从stenciljs项目复制到离子项目中的/assets/your-lib-name/dist/。
在离子项目编辑index.html中，在头部（最后）添加以下内容：
```
<script src="assets/your-lib-name/dist/your-lib-name.js"></script>
```

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

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

将模具添加到现有Ionic应用程序的步骤

1 个答案: