title: Moving from requirejs to systemjs: managing paths
body: <p>I'm in the process of migrating to systemjs, mainly given it's support of modules which makes moving to ES6 simpler.</p>
  
  <p>The systemjs CSS plugin allows for elegant imports like this:</p>
  
  <pre><code>System.import('bootstrap/css/bootstrap.css!');
  </code></pre>
  
  <p>But this loads asynchronously, so it's not practical for loading CSS that needs to be loaded before the rest of the server-generated page. So I have to revert to cumbersome package URLs. (which will break when versions change -- and seems to be generally quite hacky -- since JSPM is supposed to be managing these details?)</p>
  
  <pre><code>&lt;link rel="stylesheet" href="/res/packages/github/twbs/bootstrap@3.3.5/css/bootstrap.css"&gt;
  </code></pre>
  
  <p>Is there a best practice? In fact, are there any useful examples of the practical use of systemjs?</p>