./lib/tabs/

config.ts

export default function($stateProvider: angular.ui.IStateProvider, $urlRouterProvider: angular.ui.IUrlRouterProvider) {
    'ngInject';
    $stateProvider.state('app.tabs', {
        url: "/tabs",
        views: {
          'content@app': {
            template: require("./index.html")
         }
       }
    });
    $urlRouterProvider.otherwise("/tabs");
}

index.html

<ion-tabs class="tabs-positive tabs-icon-only">
		<ion-tab title="Map" icon="ion-map" ui-sref="app.tabs.home">
			<ion-nav-view name="tab-home"></ion-nav-view>
		</ion-tab>
		<ion-tab title="Places" icon="ion-location" ui-sref="app.tabs.places">
				<ion-nav-view name="tab-places"></ion-nav-view>
		</ion-tab>
		<ion-tab title="Routes" icon="ion-android-walk">
				<ion-nav-view name="tab-routes"></ion-nav-view>
		</ion-tab>
</ion-tabs>

index.ts

import modConfig from './config';

let mod = angular.module('crossPlatform.tabs', [
    'ionic',
    'ui.router'
]);

mod.config(modConfig);

export default mod;