templateUrl vs template

myComponent.js

angular.module('app')
  .component('myComponent', {
    templateUrl: 'foo/bar/myComponent.html',  // OLD WAY
    controller: function(){
      //controller code
    }
  });
               
               
angular.module('app')
  .component('myComponent', {
    template: require('./myComponent.html'),  // NEW WAY
    controller: function(){
      //controller code
    }
  });