複数のJQuery対応ファンクションを1つのレディファンクションに結合するためのグランタタスク

Question

私はマージして縮小しようとしている複数のファイルにまたがる準備関数を持っています。すべての準備を1つの機能に統合するつらい作業がありますか？

// file1.js 
$(document).ready(function(){ 
    $(".class1").click(function() { 
     // Some Action 
    }) 
}) 


// file2.js 
$(document).ready(function(){ 
    $(".class3").on("blur", function() { 
     // Some Action 
    }) 
}) 

// file3.js 
$(document).ready(function(){ 
    $(".class2").on("change", function() { 
     // Some Action 
    }) 
}) 

// file4.js 
$(document).ready(function(){ 
    $(".class3").click(function() { 
     // Some Action 
    }) 
}) 

私はちょうどすべてのファイルを結合するために単調なタスクを実行すると、ファイルは次のように合併で複数の準備ができた機能を持っている場合

// file.js 
$(document).ready(function(){ 
    $(".class1").click(function() { 
     // Some Action 
    }) 

    $(".class3").on("blur", function() { 
     // Some Action 
    }) 

    $(".class2").on("change", function() { 
     // Some Action 
    }) 

    $(".class3").click(function() { 
     // Some Action 
    }) 
}) 

は、それがパフォーマンスに悪影響を与えるだろう...何かのように探していますgrunt-contrib-uglifyを使用していますか？

// file.js 
$(document).ready(function(){ 
    $(".class1").click(function() { 
     // Some Action 
    }) 
}) 

$(document).ready(function(){ 
    $(".class3").on("blur", function() { 
     // Some Action 
    }) 
}) 

$(document).ready(function(){ 
    $(".class2").on("change", function() { 
     // Some Action 
    }) 
}) 

$(document).ready(function(){ 
    $(".class3").click(function() { 
     // Some Action 
    }) 
}) 

この問題を確認していただきありがとうございます。すてきな一日を。これが繰り返しの質問であれば申し訳ありません。他の場所で答えが見つからなかったので、この質問を投稿してください。

Answer 1

あなたが望むことをするgrunt-jquery-readyを使用できます。

最初にすべてのファイルを連結してから、このようにしてこのgruntプラグインを使用する必要があります。私はこの形式で自分のファイルを持ってこれを実行した後、私はこれをテストし、それが結果として

grunt.initConfig({ 
 
    'jquery-ready' : { 
 
     path: 'path_to_your_folder/your_script_file.js', 
 
     runSync: false 
 
    } 
 
    
 
    grunt.loadNpmTasks('grunt-jquery-ready'); 
 
    
 
    grunt.registerTask('default', "jquery-ready"); 
 
});

に動作します：

$(document).ready(function(){ 
 
    all the content of my script.js file is placed here automatically. 
 
});

のための主要なウェブサイトを参照してください。詳細：

Wrapping your concatenated .js file into ready function