min.jsファイルの読み込みTypeScriptで生成された、必要なもの

Question

TypescriptとRequireJsで動作する完全なアプリケーションがありますが、完全に動作しています。私は今WebEssentialsをダウンロードしており、それは縮小されたスクリプトファイルを生成しています。 WebEssentialsは、元のスクリプトファイルと同じ名前の分離された* .min.jsファイルを生成します。

元のスクリプトファイルではなく、ミニファイルを読み込むようにRequireJsに指示する方法を教えてください。あなたはモジュールパスをオーバーライドするために、パスの設定を使用することができ、事前

Answer 1

に

感謝。

requirejs.config({ 
    enforceDefine: true, 
    paths: { 
     jquery: [ 
      'lib/jquery.min', 
      'lib/jquery' 
     ] 
    } 
}); 

分かっていないファイルを使用するより一般的な方法があります。

Answer 2

これには魔法はありません。あなたはいくつかの選択肢がありますが

1. minファイルを生成するのに、RequireJS optimizerを使用してください。非常に設定可能。
2. 使用非分の1に、すべてのファイルを連結し、
3. はどこか他のアプリをコピーするスクリプト/バッチファイルを作成することを縮小化、.jsファイルにすべての.min.jsにファイルの名前を変更し、上書きする--outコンパイラー・オプション'dのもの。またはいくつかの他のミックスが、あなたは要点を得る
4. スティーブのようにpaths configを使用します。小規模なアプリケーションでは大丈夫ですが、大規模なアプリケーションでは理想的です。

最適なパフォーマンスを得るには、オプティマイザを調べて、シングルスクリプトのアプローチが適切な判断であるか、複数の小さなライブラリがより良いアプローチであるかを判断する必要があります。私は各.min.jsファイルを読み込むことがあなたにとって理想的な解決策であるとは思わない。

Answer 3

単純にカスタマイズされたバージョンのrequireを作成することができます。このバージョンでは、通常、 '.js'添付ファイルを受け取るすべてのモジュールファイルリクエストに条件付きで '.min.js'を追加します。次のことを考えてみましょう：

//Establish a new 'useMinified' boolean in your initial config. 
    require.config({ useMinified: true }); 

その後、require.jsにライブラリファイルを編集し、以下のように「nameToUrl」関数を変更します。

//Join the path parts together, then figure out if baseUrl is needed. 
url = syms.join('/'); 

    //new statement 
var extension = config.useMinified ? '.min.js' : '.js'; 

    //customized statement 
url += (ext || (/^data\:|\?/.test(url) || skipExt ? '' : extension)); 

url = (url.charAt(0) === '/' || url.match(/^[\w\+\.\-]+:/) ? '' : config.baseUrl) + url;