Bagaimana cara mengaktifkan mode produksi?

Saya membaca pertanyaan terkait dan saya menemukan ini , tetapi pertanyaan saya adalah bagaimana saya bisa beralih dari pengembangan ke mode produksi. Ada beberapa perbedaan antara mode yang ditunjukkan di sini .

Di konsol saya bisa melihat ....Call enableProdMode() to enable the production mode.Namun, saya tidak yakin contoh jenis yang harus saya panggil metode itu.

Adakah yang bisa menjawab pertanyaan ini?

Anda mengaktifkannya dengan mengimpor dan menjalankan fungsi (sebelum memanggil bootstrap):

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

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

Tetapi kesalahan ini adalah indikator bahwa ada sesuatu yang salah dengan ikatan Anda, jadi Anda tidak boleh mengabaikannya begitu saja, tetapi cobalah mencari tahu mengapa itu terjadi.

Cara terbaik untuk mengaktifkan mode produksi untuk aplikasi Angular 2, adalah dengan menggunakan angular-cli dan membangun aplikasi ng build --prod. Ini akan membangun aplikasi dengan profil produksi. Menggunakan angular-cli memiliki keuntungan karena dapat menggunakan mode pengembangan menggunakan ng serveatau ng buildsambil mengembangkan tanpa mengubah kode sepanjang waktu.

Ini berhasil bagi saya, menggunakan rilis terbaru Angular 2 (2.0.0-rc.1):

main.ts

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

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

Berikut ini adalah referensi fungsi dari dokumen mereka: https://angular.io/api/core/enableProdMode

Ketika saya membangun proyek baru menggunakan angular-cli. File dimasukkan bernama environment.ts. Di dalam file ini adalah variabel seperti itu.

export const environment = {
  production: true
};

Kemudian di main.ts Anda punya ini.

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);

Anda dapat menambahkan ini ke proyek non-sudut-cli, saya akan berasumsi, karena enableProdMode () sedang diimpor dari @ angular / core.

Pergi ke src/enviroments/enviroments.tsdan aktifkan mode produksi

export const environment = {
  production: true
};

untuk Angular 2

Untuk mengaktifkan mode produksi dalam sudut 6.XX Cukup buka file environment

Suka jalan ini

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

Ubah production: falsedari:

export const environment = {
  production: false
};

Untuk

export const environment = {
  production: true
};

Sebagian besar mode waktu prod tidak diperlukan selama waktu pengembangan. Jadi solusi kami adalah hanya mengaktifkannya saat BUKAN localhost.

Di peramban main.tstempat Anda menetapkan AppModule root:

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

The isLocaljuga dapat digunakan untuk tujuan lain seperti enableTracinguntuk RouterModuleuntuk debugging yang lebih baik jejak stack selama fase dev.

Ketika ng membangun perintah digunakan itu menimpa file environment.ts

Secara default ketika ng build perintah digunakan itu mengatur lingkungan dev

Untuk menggunakan lingkungan produksi, gunakan perintah berikut ng build --env = prod

Ini akan mengaktifkan mode produksi dan secara otomatis memperbarui file environment.ts

Anda dapat menggunakan di app.ts || Anda file main.ts

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

Di file environment.ts set produksi menjadi true

export const environment = {
  production: true
};

Bagi mereka yang melakukan jalur peningkatan tanpa beralih ke penggunaan TypeScript:

ng.core.enableProdMode()

Bagi saya (dalam javascript) seperti ini:

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

Anda tidak memerlukan environment.ts atau file semacam itu untuk disediakan oleh proyek seed Anda. Hanya memiliki configuration.ts dan tambahkan semua entri yang memerlukan keputusan runtime (contoh: - konfigurasi logging dan url). Ini akan sesuai dengan struktur desain apa pun dan juga membantu di masa depan

configuration.ts

export class Configuration {

   isInProductionMode : bool = true;

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

// Sekarang gunakan dalam kode startup Anda (main.ts atau setara sesuai desain proyek unggulan

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

ng build --prod mengganti environment.ts dengan environment.prod.ts

ng build --prod

Proyek Angular 2 saya tidak memiliki file "main.ts" yang menyebutkan jawaban lain, tetapi ia memiliki file " boot.ts ", yang tampaknya mengenai hal yang sama. (Perbedaannya mungkin karena versi Angular yang berbeda.)

Menambahkan dua baris ini setelah importarahan terakhir di "boot.ts" bekerja untuk saya:

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