Üretim modu nasıl etkinleştirilir?

Ben ilgili sorular okuyordum ve buldum bu bir , ama üretim moduna geliştirmeden geçiş nasıl benim sorudur. İşaret edilmektedir modlar arasında bazı farklar vardır burada .

Konsolda görebiliyorum ....Call enableProdMode() to enable the production mode.Ancak, hangi yöntemi bu tür çağırmak gerekir emin değilim.

Birisi bu soruya cevap verebilir mi?

Fonksiyonu içe aktararak ve yürüterek (bootstrap çağırmadan önce) etkinleştirirsiniz:

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

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

Ancak bu hata, bağlantılarınızla ilgili bir şeyin yanlış olduğunun bir göstergesidir, bu yüzden sadece reddetmemelisiniz, ancak neden olduğunu anlamaya çalışmalısınız.

Bir Açısal 2 uygulaması için üretim modunu etkinleştirmenin en iyi yolu, açısal-cli kullanmak ve uygulamayı birlikte oluşturmaktır ng build --prod. Bu, uygulamayı üretim profiliyle oluşturacaktır. Angular-cli kullanmak , kodu her zaman değiştirmeden geliştirme sırasında ng serveveya geliştirirken geliştirme modunu kullanabilme avantajına sahiptir ng build.

Bu, Angular 2'nin (2.0.0-rc.1) en son sürümünü kullanarak benim için çalıştı:

main.ts

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

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

Dokümanlarından işlev referansı: https://angular.io/api/core/enableProdMode

Açısal klibi kullanarak yeni bir proje yaptığımda. Environment.ts adlı bir dosya eklendi. Bu dosyanın içinde böyle bir değişken var.

export const environment = {
  production: true
};

Sonra main.ts'de buna sahipsiniz.

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 () @ açısal / core'dan içe aktarıldığı için bunu açısal-cli olmayan bir projeye ekleyebilirsiniz.

src/enviroments/enviroments.tsÜretim moduna gidin ve etkinleştirin

export const environment = {
  production: true
};

Açısal 2 için

Açısal 6.XX'te üretim modunu etkinleştirmek için Ortam dosyasına gidin

Bu yolu beğenin

Yolunuz: project>\src\environments\environment.ts

Şununla değiştir production: false:

export const environment = {
  production: false
};

için

export const environment = {
  production: true
};

Çoğu zaman eşya modu geliştirme süresi boyunca gerekli değildir. Bu nedenle geçici çözümümüz yalnızca yerel ana bilgisayar DEĞİL olduğunda etkinleştirmektir .

main.tsKök AppModule'nizi tanımladığınız tarayıcılarda :

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

isLocalAyrıca gibi başka amaçlar için de kullanılabilir enableTracingiçin RouterModuledev aşamasında daha iyi bir ayıklama için yığın izleme.

Ng build komutu kullanıldığında environment.ts dosyasının üzerine yazılır

Ng build komutu kullanıldığında varsayılan olarak geliştirme ortamını ayarlar

Üretim ortamını kullanmak için build --env = prod komutunu kullanın.

Bu, üretim modunu etkinleştirir ve environment.ts dosyasını otomatik olarak günceller

uygulamanızda kullanabilirsiniz. main.ts dosyası

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

Environment.ts dosyasında üretimi true değerine ayarlayın

export const environment = {
  production: true
};

Yükseltme yolunu TypeScript'e geçmeden yapanlar için:

ng.core.enableProdMode()

Benim için (javascript'te) şöyle:

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

Tohum projeniz tarafından sağlanacak herhangi bir environment.ts veya böyle bir dosyaya ihtiyacınız yoktur. Sadece bir configuration.ts dosyasına sahip olun ve çalışma zamanı kararı gerektiren tüm girişleri ekleyin (örnek: - yapılandırma ve URL'leri günlüğe kaydetme). Bu, herhangi bir tasarım yapısına uyacak ve gelecekte de yardımcı olacaktır.

configuration.ts

export class Configuration {

   isInProductionMode : bool = true;

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

// Şimdi başlangıç ​​kodunuzda kullanın (ana proje tasarımına göre main.ts veya eşdeğeri)

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

ng build --prod environment.ts öğesini environment.prod.ts ile değiştirir

ng build --prod

Açısal 2 projemde diğer yanıtlardan bahseden "main.ts" dosyası yok, ancak aynı şey gibi görünen bir " boot.ts " dosyası var. (Fark muhtemelen Angular'ın farklı sürümlerinden kaynaklanmaktadır.)

Bu iki satırı import"boot.ts" deki son yönergeden sonra eklemek benim için çalıştı:

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