书格前端

AngularJS生产环境下的一些配置


AngularJS生产环境下的一些配置

记录AngularJS在生产环境下的一些配置,针对性能上的优化有帮助。

关闭调试数据

AngularJS默认会添加一些关于绑定、作用域到DOM节点,以及添加CSS类到数据绑定的元素。这些 信息主要是用于一些类似ProtractorBatarang的工具使用。

生产环境下可关闭这些调试数据,以优化项目的性能,配置方法如下:

myApp.config(['$compileProvider', function ($compileProvider) {
  $compileProvider.debugInfoEnabled(false);
}]);

如果有需要调试,可以再浏览器的控制台中运行以下语句来打开:

angular.reloadWithDebugInfo();

关闭控制台的debug信息

一般我们会在代码中使用$log.debug()来添加控制台的调试信息,方便调试。一旦项目在生产环境下,这些 信息就不需要留给最终用户,因此可以选择关闭。

myApp.config(['$logProvider', function ($logProvider) {
  $$logProvider.debugEnabled(false);
}]);

说明:

该配置只是关闭debug级别的信息,debug以上的级别还是会在控制台输出,包括info,warn,error这些。

【全文完】