JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div a>
        <div b></div>
    </div>
</body>

JavaScript

angular.module('test',[])
.directive('a',[function(){
    return {
        restrict: 'A',
        controller:function(){
            console.log('a ctrl');
        },
        compile:function(){
            console.log('a compile');
            return {
              pre:function(){
                  console.log('a prelink');
              },
              post:function(){
                  console.log('a postlink(link)');
              }
            };
        },
    }
}])
.directive('b',[function(){
    return {
        restrict: 'A',
        controller:function(){
            console.log('b ctrl');
        },
        compile:function(){
            console.log('b compile');
            return {
              pre:function(){
                  console.log('b prelink');
              },
              post:function(){
                  console.log('b postlink(link)');
              }
            };
        },
    }
}]);
angular.element(document).ready(function() {
    angular.bootstrap(document, ['test']);
});