AngularJS生产环境下的一些配置
AngularJS生产环境下的一些配置
记录AngularJS在生产环境下的一些配置,针对性能上的优化有帮助。
关闭调试数据
AngularJS默认会添加一些关于绑定、作用域到DOM节点,以及添加CSS类到数据绑定的元素。这些 信息主要是用于一些类似Protractor和 Batarang的工具使用。
生产环境下可关闭这些调试数据,以优化项目的性能,配置方法如下:
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这些。
【全文完】