angularjs module distribution

components.js

(function(angular){
    angular.module('blip.components', [])
        .component('component1', {
            template: '<span>{{ $ctrl.name }}</span>',
            bindings: {
                name: '@',
            }
        })
        .component('component2', {
            template: '<span>{{ $ctrl.name }} 2</span>',
            bindings: {
                name: '@',
            }
        });
})(angular);

/**
Usage:

import angular from 'angular';
import 'blipComponents';

angular.module('app', ['blip.components']);
angular.bootstrap(document, ['app']);

**/