javascript - Angular 4/5 : Load dev and prod scripts (3rd party)

Question

我必须在两种版本模式下使用第三方脚本库，开发沙盒版本和生产版本。

我正在观察 angular-cli.json，其摘录如下:

  ...
  **
  "scripts": [ ],
  **
  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
  ...

是否可以通过环境模式加载脚本？喜欢:

...
"script": [
    "dev": "./dev-script.js",
    "prod": "./prod-script.js"
]
...

我对 Angular 4/5 有点陌生，我达到了这个 post .问题是库加载不是“开发”或“生产”模式。我想要更透明的东西。

有什么线索吗？

Answer 1

这是一种可能的方式(不确定是否是最好的方式):

@Injectable()
export class SandboxedService {
    isLoaded: boolean = false;

    constructor() { this.loadScript(); }

    private loadScript() {
        if (!this.isLoaded) {
          new Promise((resolve) => {
            let script: HTMLScriptElement = document.createElement('script');
            script.addEventListener('load', r => resolve());
            script.src = isDevMode() ?
              'https://sanboxed.service/v1/service.js':
              'https://prod.service/v1/service.js';
            document.head.appendChild(script);
            this.isLoaded = true;
          });
        }
    }
}

感谢 guy/post