Переход от requirejs к systemjs: пути управления

Question

Я в процессе миграции в systemjs, в основном, учитывая его поддержку модулей, что упрощает переход на ES6.

systemjs CSS плагин позволяет изящный импорт, как это:

System.import('bootstrap/css/bootstrap.css!'); 

Но это загружает асинхронно, так что это не практично для загрузки CSS, который должен быть загружен до остальной части страницы сервера сгенерированных. Поэтому я должен вернуться к громоздким URL-адресам пакетов. (Который сломается при смене версии - и, кажется, как правило, довольно Hacky - так JSPM предполагается управление этой деталью)

<link rel="stylesheet" href="/res/packages/github/twbs/bootstrap@3.3.5/css/bootstrap.css"> 

Есть ли лучшая практика? На самом деле, есть ли полезные примеры практического использования систем?

Answer 1

Вы можете скрыть тело, создать яваскрипт модуль, который загружает ваши активы и показать тело, когда активы загружены:

assets.js

import 'bootstrap/css/bootstrap.css!'; 

Затем в индексе. html file:

System.import('assets.js').then(function(){ 
    //Now your styles are loaded. You may fade in/display your content. 
    document.querySelector('body').style.display = 'block'; 
}); //Add the JS extension according to your SystemJS configuration