1. ホーム
  2. javascript

[解決済み] クライアントサイドのJavaScriptの依存関係を管理するには?[クローズド]

2023-02-02 08:36:28

質問

サーバーサイドで依存関係を管理するための優れたソリューションはありますが、クライアントサイドの JavaScript の依存関係管理ワークフローについて、私のニーズをすべて満たすものを見つけることはできませんでした。私は、以下の 5 つの要件を満たしたいと思っています。

  1. クライアント側の依存関係を、npm の パッケージ.json または バウワー 's bower.json
  2. git repo や実際の js ファイル (ウェブ上またはローカル) を指す柔軟性が必要で、私の dependency.json ファイル(npm は git repo を指すことができます)。
  3. すべてのライブラリをminifyし、名前空間を付けて、次のような1つのファイルにします。 エンダー - のような一つのファイルにまとめる必要があります。 <script> タグに入れる必要があります。
  4. BoxJSのようなCoffeeScriptのアウトオブボックスサポートが必要です。 4 (現在は終了)
  5. ブラウザで、私はどちらかの を要求する のスタイルで表示されます。

    var $ = require('jquery');
    var _ = require('underscore');
    
    

    あるいは、もっと良い方法として headjs のスタイルにします。

    head.js(['jquery', 'underscore', 'mylib'], function($, _, mylib) {
      // executed when all libraries are loaded
    });
    
    

このような単一のツールが存在しない場合、次のようなものを使って組み合わせることができる最適なツールの組み合わせ、すなわちツールチェーンは何でしょうか。 ヴォロ (または グラント )?

私はここでリンクしたすべてのツールをすでに調査し、それらは個々にせいぜい私の要求の3つまでしか満たしません。ですから、これらのツールについて再度投稿しないでください。私は、私の要求の5つすべてを満たす単一のツールを提供する回答、または誰かが私の要求もすべて満たす複数のそのようなツールのツールチェーンの具体的なワークフロー/スクリプト/作業例を投稿する場合にのみ受け入れます。ありがとうございます。

どのように解決するのですか?

最近リリースされた、私の基準をすべて満たすフレームワークがもう一つあります。 http://duojs.org/ (そして、CSS のような他のリソースを依存関係として扱うこともサポートしています)。