我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。

在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。

有人能回答这个问题吗?


当前回答

在Angular 10中:

找到文件路径。/environments/environment。Ts在你的“应用程序”和设置“生产”为“真”。

之前的改变:

export const environment = {
  production: false
};

后的变化:

export const environment = {
  production: true
};

我希望这对你有所帮助。

其他回答

为Angular 2应用启用生产模式的最好方法是使用Angular -cli,并使用ng build——prod来构建应用。这将使用生产配置文件构建应用程序。使用angular-cli的好处是可以在开发时使用ng serve或ng build来使用开发模式,而无需一直修改代码。

在开发期间,大多数时候不需要使用prod模式。因此,我们的解决方法是只在它不是localhost时启用它。

在浏览器的主界面中。这里定义了你的根模块AppModule:

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

isLocal也可以用于其他目的,比如为RouterModule启用enableTracing,以便在开发阶段更好地调试堆栈跟踪。

当使用ng build命令时,它会覆盖环境。ts文件

默认情况下,使用ng build命令设置开发环境

为了使用生产环境,请使用以下命令 Ng build——env=prod

这将启用生产模式并自动更新环境。ts文件

在Angular 10中:

找到文件路径。/environments/environment。Ts在你的“应用程序”和设置“生产”为“真”。

之前的改变:

export const environment = {
  production: false
};

后的变化:

export const environment = {
  production: true
};

我希望这对你有所帮助。

对于那些没有切换到TypeScript的升级路径:

ng.core.enableProdMode()

对我来说(javascript)这看起来像:

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