Як увімкнути режим виробництва?

Я читав відповідні запитання, і знайшов це , але моє запитання - як я можу перейти від розробки до режиму виробництва. Існують деякі відмінності між режимами, які вказані тут .

У консолі я бачу, ....Call enableProdMode() to enable the production mode.однак, я не впевнений, який саме тип я повинен викликати.

Чи може хтось відповісти на це запитання?

Ви вмикаєте її, імпортуючи та виконуючи функцію (перед викликом завантажувальної програми):

import {enableProdMode} from '@angular/core';

enableProdMode();
bootstrap(....);

Але ця помилка є показником того, що з вашими прив’язками щось не так, тож ви не повинні просто відхиляти їх, а намагатися з’ясувати, чому це відбувається.

Найкращий спосіб увімкнути режим виробництва для програми Angular 2 - це використовувати angular-cli та створювати додаток за допомогою ng build --prod. Це дозволить створити додаток із виробничим профілем. Використання angular-cli має перевагу в тому, що можна використовувати режим розробки, використовуючи ng serveабо ng buildпід час розробки, не змінюючи код весь час.

Це працювало для мене, використовуючи останню версію Angular 2 (2.0.0-rc.1):

main.ts

import {enableProdMode} from '@angular/core';

enableProdMode();
bootstrap(....);

Ось посилання на функцію від їхніх документів: https://angular.io/api/core/enableProdMode

Коли я будував новий проект, використовуючи кутовий-кліп. Був включений файл під назвою environment.ts. Всередині цього файлу є така змінна.

export const environment = {
  production: true
};

Тоді у main.ts у вас це є.

import './polyfills.ts';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { environment } from './environments/environment';
import { AppModule } from './app/';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

Ви можете додати це до проекту без кутового кліпу, я вважаю, тому що enableProdMode () імпортується з @ angular / core.

Перейдіть src/enviroments/enviroments.tsі увімкніть режим виробництва

export const environment = {
  production: true
};

для кутових 2

Щоб увімкнути режим виробництва в кутовому 6.XX, просто перейдіть до файлу оточення

Як цей шлях

Ваш шлях: project>\src\environments\environment.ts

Змінити production: falseз:

export const environment = {
  production: false
};

До

export const environment = {
  production: true
};

Більша частина режиму prod prod не потрібна протягом часу розробки. Таким чином, наше вирішення полягає в тому, щоб увімкнути його лише тоді, коли це НЕ локальний господар.

У веб-переглядачах, main.tsде ви визначаєте свій root AppModule:

const isLocal: boolean = /localhost/.test(document.location.host);
!isLocal && enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);

isLocalМоже також використовуватися для інших цілей , наприклад , enableTracingдля RouterModuleдля кращої налагодження трасування стека під час фази Dev.

Коли використовується команда ng build, вона перезаписує файл Environment.ts

За замовчуванням, коли використовується команда ng build, вона встановлює середовище dev

Для використання виробничого середовища використовуйте наступну команду ng build --env = prod

Це дозволить створити режим виробництва та автоматично оновити файл Environment.ts

ви можете використовувати у своєму app.ts || файл main.ts

import {enableProdMode} from '@angular/core';
enableProdMode();
bootstrap(....);

Для тих, хто робить шлях оновлення, не перемикаючись на використання TypeScript:

ng.core.enableProdMode()

Для мене (у JavaScript) це виглядає так:

var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
ng.core.enableProdMode()
upgradeAdapter.bootstrap(document.body, ['fooApp']);

Вам не потрібно, щоб ваш насіннєвий проект надав середовище.ts або такий файл. Просто встановіть config.ts та додайте всі такі записи, які потребують рішення часу виконання (наприклад: - конфігурація журналу та URL-адреси). Це впишеться в будь-яку структуру дизайну, а також допоможе в майбутньому

config.ts

export class Configuration {

   isInProductionMode : bool = true;

   // other configuration
   serviceUrl : string = "http://myserver/myservice.svc";
   logFileName : string = "...";
}

// Тепер використовуйте у своєму стартовому коді (main.ts або еквівалент відповідно до базового проекту проекту)

import { Configuration } from './configuration';
import { enableProdMode } from '@angular/core';
....
if (Configuration.isInProductionMode)
    enableProdMode();

У середовищі.ts виробництво файлів встановить на true

export const environment = {
  production: true
};

ng build --prod замінює environment.ts на environment.prod.ts

ng build --prod

У моєму проекті Angular 2 немає файлу "main.ts", в якому були вказані інші відповіді, але у нього є файл " boot.ts ", який, здається, приблизно однаковий. (Різниця, ймовірно, пов'язана з різними версіями Angular.)

Додавання цих двох рядків після останньої importдирективи в "boot.ts" працювало на мене:

import { enableProdMode } from "@angular/core";
enableProdMode();