我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。
在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。
有人能回答这个问题吗?
我在阅读相关问题时发现了这个问题,但我的问题是如何从开发模式切换到生产模式。这里指出了两种模态之间的一些区别。
在控制台中我可以看到....调用enableProdMode()来启用生产模式。但是,我不确定应该在哪种类型的实例上调用该方法。
有人能回答这个问题吗?
当前回答
当使用ng build命令时,它会覆盖环境。ts文件
默认情况下,使用ng build命令设置开发环境
为了使用生产环境,请使用以下命令 Ng build——env=prod
这将启用生产模式并自动更新环境。ts文件
其他回答
从Angular 15开始,不再需要调用enableProdMode()函数。生产模式是通过构建优化参数自动选择的(参见https://angular.io/api/core/enableProdMode#description)
你不需要任何环境。Ts或类似的文件将由您的种子项目提供。只要有一个构型。Ts并添加所有需要运行时决策的条目(例如:日志配置和url)。这将适用于任何设计结构,并在未来也有帮助
configuration.ts
export class Configuration {
isInProductionMode : bool = true;
// other configuration
serviceUrl : string = "http://myserver/myservice.svc";
logFileName : string = "...";
}
//现在在你的启动代码中使用(main。根据种子项目设计提供t或同等材料
import { Configuration } from './configuration';
import { enableProdMode } from '@angular/core';
....
if (Configuration.isInProductionMode)
enableProdMode();
在环境。Ts文件将生产设置为true
export const environment = {
production: true
};
在开发期间,大多数时候不需要使用prod模式。因此,我们的解决方法是只在它不是localhost时启用它。
在浏览器的主界面中。这里定义了你的根模块AppModule:
const isLocal: boolean = /localhost/.test(document.location.host);
!isLocal && enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);
isLocal也可以用于其他目的,比如为RouterModule启用enableTracing,以便在开发阶段更好地调试堆栈跟踪。
在部署之前,总是在prod模式下构建。 此消息是在开发模式下完成构建时发出的。 在开发模式下,任何人都可以使用任何浏览器查看完整的angular源代码。