Use systemjs/plugin-text to import html directly to $routeProvider or $templateCache, works great with jspm bundle.

directive.js

import somethingHTML from './something.html!text';

angular.module('myApp',[])
  .directive('myDirective', function() {
    return {
      template: somethingHTML
    }
  });

includes.js

import somethingHTML from 'components/something/something.html!text';

angular.module('myApp',[])
  .run(function($templateCache) {
    $templateCache.put('components/something/something.html', somethingHTML);
  });

routes.js

import somethingHTML from 'components/something/something.html!text';

angular.module('myApp',[])
  .config(function($routeProvider) {
    $routeProvider
    .when('/something', {
      template: somethingHTML,
    })
  });

How does this work, when all three of these files seem to create module 'myApp? Seems like it should fail on the 2nd and 3rd telling you that module myApp already exists.

they are all different examples of the same thing