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