2016-06-23 7 views
7

開発ワークフローでうまくいく優れた制作ワークフローを理解しようとしています。必要なのは、1MBの外部ライブラリをビルドから除外し、次にCDNを使用して別々にホストすることです。CDNでホストされたSystemJSと外部依存関係の制作ワークフロー

これは、build.jsに既に含まれているので、main.jsのものはすべて無視されます。私はこれが開発のホットビルディングに戻るときは、以前はbuild.jsを削除する必要があると思いますが?我々はこれを行うと、我々が行を追加する必要があります

builder.buildStatic('app/main.js', 'build.js', { 
    externals: ['jquery'], 
    globalName: 'App', 
    globalDeps: { 
    'jquery': 'jQuery' 
    } 
}); 

は、だから今は生産のために外部の依存関係を分離したい

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2 jquery.min.js"></script> 
<script src="jspm_packages/system.js"></script> 
<script src="config.js"></script> 
<script src="build.js"></script> 
<script> 
    System.import('app/main.js'); 
</script> 

つまり、我々は戻ったとき開発ビルドに、jQueryはmain.jsに二重にバンドルされますか?

System.config({ 
    bundles: { 
     'build/core': ['jquery'] 
    } 
}); 
System.import('app/main.js'); 

ない今、私たちはjQueryのをホストするためにCDNを使用されないとしてこれを使用する方法がわから:次にSystemJSからの抜粋があります。 JSPMはパッケージ管理を提供するが、プロダクションのパッケージを外部で使いたいのですばらしいです。だから、ページにスクリプトタグを入れなければならないのであれば、まずはJSPMの目的を破ることはできないでしょうか?

私たちはコードを変更する必要はありませんが、私たちは2つの間で切り替えるしたいときに、素敵で簡単な開発/生産ワークフローを作る方法に関するアイデア?前2を実行するページにHTMLの任意の種類を変更する必要なしに、

$を実行NPM生産

$を実行NPM開発

この:私たちは、のような何かをしたいです。私は、さまざまなSystemJSとJSPMのワークフローを数時間見てきましたが、すべての問題に対処するものを見つけることはできませんでした。

SystemJSはどこのプロダクションでも使用されていますか?これはまだ実験的な技術と考えられていますか?私は、HTTP/2で新しい標準が登場するのを見てきましたが、モジュールを動的にロードする場所はSystemJSへの切り替えか、ほこりの中に残っていますか?

答えて

-1

私はsystemJSを以前にバンドルするのに使用していませんが、jqueryの作業のためにCDNをマッピングしていますか?つまり、角度とrxjにCDNを使用することができます。

map: { 
    ... 
    '@angular': 'https://npmcdn.com/@angular', 
    'rxjs': 'https://npmcdn.com/[email protected]', 
    'jquery': 'http://jquery.cdn' 
} 

このような問題があなたのために解決されますか?集計すると、グローバルとしてjqueryを使用できなくなり、インポートする必要がありますが、このようなワークフローに移行すると役立つでしょうか?

関連する問題