用于将多个Jquery就绪函数组合为单个就绪函数的Grunt任务

Grunt task for combining multiple Jquery ready functions into single ready function

本文关键字：就绪 函数 单个 Grunt 任务 组合 Jquery 用于      更新时间：2023-09-26

我已经准备好了分布在多个文件中的函数，我希望对这些文件进行合并和缩小。是否有一项艰巨的任务将所有准备就绪的功能合并为一个功能？

// 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 task来合并所有文件，并使用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
    })
})

谢谢你检查这个问题。祝你今天过得愉快。如果这是一个重复的问题，很抱歉。发布此问题是因为在其他地方找不到答案。

您可以使用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. 
});

请参阅主网站了解更多信息：

将连接的.js文件封装为就绪函数

相关文章：