来自 Ionic Stencil PWA starter 的 APK 中的环境变量

Question

我的项目是一个 Stencil+Ionic PWA 启动器，我正在使用文件 .env 来使用我的环境变量。在浏览器上没问题，但如果我使用 Appflow 并创建 APK，我会收到错误消息“进程未定义”

如何使用环境变量在本机构建上正常工作？我没有使用 Angular，而且我只找到了 Angular 解决方案。我没有增长计划，所以我不能在 Appflow 中使用环境。

Answer 1

从 2.3.0 版本开始，Stencil 在 stencil.config.ts 中有一个 env 选项。它是在 this commit 中添加的，这是目前唯一可用的文档。

基本上你会做类似

的事情

// stencil.config.ts

export const config: Config = {
  // ...
  env: {
    FOO: 'bar'
  }
}

然后在您的模块中，您可以从 Stencil 导入 Env：

import { Component, Env } from '@stencil/core';

@Component({ tag: 'my-component' })
export class MyComponent {
  render() {
    return <p>{Env.foo}</p>
  }
}

来自 Ionic Stencil PWA starter 的 APK 中的环境变量

Enviroment variabiles in APK from Ionic Stencil PWA starter

ionic-framework

stenciljs