我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。
在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。
有人能回答这个问题吗?
我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。
在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。
有人能回答这个问题吗?
当前回答
我的Angular 2项目没有“main.”Ts”文件提到了其他答案,但它确实有一个“引导”。Ts”文件,这似乎是关于同样的事情。(这种差异可能是由于Angular版本不同造成的。)
在“boot”中的最后一个导入指令之后添加这两行。Ts”对我很管用:
import { enableProdMode } from "@angular/core";
enableProdMode();
其他回答
对于那些没有切换到TypeScript的升级路径:
ng.core.enableProdMode()
对我来说(javascript)这看起来像:
var upgradeAdapter = new ng.upgrade.UpgradeAdapter();
ng.core.enableProdMode()
upgradeAdapter.bootstrap(document.body, ['fooApp']);
Ng build -prod取代环境。Ts和environment. products . Ts
Ng build -prod
为Angular 2应用启用生产模式的最好方法是使用Angular -cli,并使用ng build——prod来构建应用。这将使用生产配置文件构建应用程序。使用angular-cli的好处是可以在开发时使用ng serve或ng build来使用开发模式,而无需一直修改代码。
对于Angular v12及以后版本,ng build——prod已弃用。
你现在应该使用ng build——configuration=production来构建它
src /环境/环境。Ts文件将被该文件的特定于目标的版本src/environments/environment. products . Ts取代。
当我用angular-cli构建一个新项目时。包含一个名为environment.ts的文件。在这个文件中有一个这样的变量。
export const environment = {
production: true
};
然后是main。t你有这个。
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);
你可以把它添加到一个非angular-cli的项目中,我假设,因为enableProdMode()是从@angular/core导入的。