2

私は主に、ES6への移行をより簡単にするモジュールのサポートを考えて、systemjsに移行中です。

systemjs CSS プラグインを使用すると、次のようなエレガントなインポートが可能になります。

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

ただし、これは非同期で読み込まれるため、サーバーによって生成されたページの残りの部分よりも先に読み込まれる必要がある CSS を読み込むには実用的ではありません。そのため、面倒なパッケージ URL に戻さなければなりません。(これはバージョンが変わると壊れてしまいます -- そして、JSPM がこれらの詳細を管理することになっているので、一般的には非常にハックなようです?)

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

ベストプラクティスはありますか? 実際、systemjsの実用的な使用例はありますか?

4

1 に答える 1

2

本文を非表示にして、アセットをロードする JavaScript モジュールを作成し、アセットがロードされたときに本文を表示することができます。

assets.js

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

次に、index.htmlファイルで次のようにします。

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
于 2015-09-09T13:31:33.330 に答える