複数のjs、cssファイルを結合する方法を詳しく解説_javascriptスキル

Web プロジェクトの開発では、プロジェクトが開発されるにつれて、js および css ファイルがますます大きくなり、たとえば、ページに導入される js および css が大きくなるなど、パフォーマンスにいくつかの問題が発生します。この問題を解決する良い方法は、js ファイルと css ファイルをマージすることです。
次に、非常に簡単な方法を紹介します。 js ファイルの例

(1) G.js ファイル

コードをコピーコードは次のとおりです。

~function(){
window.G={};
G.Method={
add:function(){alert(111) );}
,sub:function (){alert("減算");}
}
}();

(2) T. js ファイル

コードをコピー コードは次のとおりです。

var T=( function(){
return {
t1 :function(){alert("t1 メソッド!")}
,t2:function(){alert("t2 メソッド!")}
, sum:function(obj){return obj.x obj. y;}
}
}());

ここで必要となるのは、いくつかの js ファイルです。上記ファイルをマージするバッチファイルを書く
(3) jsファイルとcssファイルをマージするバッチ処理方法 ファイル名はdebug.bat

コードをコピー コードは次のとおりです:

copy G.js T.js GT_bin.js /b

手順: ( 1) マージする js ファイルを入力し、debug.bat ファイルを保存し、debug.bat を実行します。
(2) 1 つだけで完了します。コード行は非常に単純です。GT_bin.js はマージされたファイルの名前です。/ b はファイルがマージされた後、ページは GT_bin.js のみを参照できるようになり、js ファイルへの参照が減ります。 http リクエストの数を減らし、Web サイトのパフォーマンスを向上させます。
(3) CSS をマージする ファイル メソッドについても同様です。