Рабочий кеш шаблона Angularjs при сборке и развертывании

Я разрабатываю угловые директивы, которые использовали html-шаблон.

angular.module("app")
       .directive("ticket", [function(){
            return {
                restrict: "E",
                templateUrl: "app/ticket/ticket.html"
             }
        }])

Эта директива работает, и я могу изменить содержимое ticket.html и запустить приложение, чтобы увидеть изменения.

Но я читал о методе $ templateCache, чтобы увеличить производительность больших проектов. И я могу использовать grunt-angular-template для создания всего кеша шаблона.

Но мне нужно изменить мою директиву.

angular.module("app")
       .directive("ticket", ["$templateCache",function($templateCache){
            return {
                restrict: "E",
                template: $templateCache.get("app/ticket/ticket.html")
             }
        }])

Могу ли я отделить использование сборки и развертывания шаблона.

• templateUrl: "app/ticket/ticket.html"
• template: $templateCache.get("app/ticket/ticket.html")

Я выберу один из этих способов. Каков профессиональный подход для этого?