Angular 5 Загрузить скрипт сценария CDN из Angular-cli.json - PullRequest
Новая
       38

Angular 5 Загрузить скрипт сценария CDN из Angular-cli.json

0 голосов
/ 19 февраля 2019

Я использую 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>

Мой вопрос, как добавить тег сценария ресурса CDN из файла angular-cli.json?

Пожалуйста, предложите.

1 Ответ

0 голосов
/ 19 февраля 2019

Вероятно, вы можете использовать для этого переменные среды.

В проектах Angular CLI уже используется переменная производственной среды для включения производственного режима в производственной среде

Добавить новое легкосреды в проектах Angular CLI, добавляя новые записи в поле сред в файле .angular-cli.json.Это может быть затем инициировано с помощью 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-корень приложения (не забудьте импортировать einvironment в ваш component.ts): 

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