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

Question

我正在为项目使用Angular 5。

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

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PDL Web</title>
    <link href="/assets/Images/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <base id="baseHref" href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <app-root></app-root>
</body>
</html>
<script src="https://cdn.ckeditor.com/4.11.2/standard-all/ckeditor.js"></script>

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

请提出建议。

Answer 1

您可能可以为此使用环境变量。

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

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

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

问题描述

1 个解决方案

解决方案1
2 已采纳 2019-02-19 08:38:16

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

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-02-19 08:38:16

解决方案1
2 已采纳 2019-02-19 08:38:16