UI-Router Boilerplate

routes.js

(function() {
    'use strict';

    angular
        .module('theApp')
        .config(config);

    config.$inject = ['$stateProvider', '$locationProvider', '$urlRouterProvider'];

    function config($stateProvider, $locationProvider, $urlRouterProvider) {
        $locationProvider.html5Mode(true);

        $urlRouterProvider.otherwise('/');
        $stateProvider
            .state('home', {
                url: '/',
                resolve: {
                    log: () => console.log('home')
                },
                component: 'myComponentA'
            })
            .state('about', {
                url: '/about',
                resolve: {
                    log: () => console.log('about')
                },
                component: 'myComponentB'
            });
    }
})();