Angular 5从Angular-cli.json加载CDN脚本标签

Question

我正在为项目使用Angular 5。

我的index.html看起来像这样：-

innerDisposable

我的问题是如何从angular-cli.json文件中添加CDN资源的脚本标签？

请提出建议。

Answer 1

您可能可以利用环境变量。

  

Angular CLI项目已经在生产环境中使用生产环境变量来启用生产模式

     

通过在.angular-cli.json文件的环境字段中添加新条目，可以轻松地在Angular CLI项目中添加新环境。然后可以使用ng build --env=dev:

来启动

"environments": {
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
}

然后创建文件environment.prod.ts：

export const environment = {
  production: true,
  cdn: '/url/cdn.com'
};

然后将脚本标签添加到您的应用程序根html中（不要忘记将环境导入到您的component.ts中）：

<script src="{{environment.cdn}}"></script>