如何在angular5 / angularitics中安装单独的mixpanel项目进行开发和生产

Question

我已在angular 5应用程序中配置了mixpanel。现在我想将mixpanel项目分开进行生产和开发。我已经在包含生产项目令牌的head部分的index.html中添加了mixpanel脚本片段。现在我需要添加另一个令牌并根据所选环境选择一个令牌，但在index.html中无法访问环境变量。我不希望在我的项目中有两个单独的index.html。在这里建议的另一种方式（How to integrate mixpanel with angular2）。我从main.ts设置令牌，但它无法访问环境变量。有没有办法根据所选环境在index.html中设置令牌？

我收到以下错误：

/home/Project/src/main.ts中的错误（9,27）：属性'mixpanel'在类型'{production：boolean; }”。

从environment.ts导出api密钥：

export const mixpanel = {   apikey：'MY_PROJECT_TOKEN_HERE' }

main.ts

    import { enableProdMode } from '@angular/core';
    import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
    import { AppModule } from './app/app.module';
    import { environment } from './environments/environment';
    declare const mixpanel: any;

    enableProdMode();        

    mixpanel.init(environment.mixpanel.apikey);
    platformBrowserDynamic().bootstrapModule(AppModule);