在WordPress中将连接的JS文件入队

时间:2016-08-22 作者:user53340

概述:

我这里有一个很简单的问题,但很难调试。我正在使用gulp和\\u的主题来开发一个具有基本功能和样式的框架,可以用于多个项目。因此,我在这里的目标是在每一步优化代码,使其尽可能轻、高效,同时保留所有功能。

问题:

我的问题是,我想将所有js文件连接到一个缩小的js文件中,并将该文件排队以减少服务器请求等。我遇到的问题是,当我这样做时,js会失败。有没有办法解决这个问题?(我知道相当广泛的规范),以特定的方式连接文件可能会解决我的问题吗?

海湾文件:

    gulp.task("scripts", function() {
  gulp.src([\'./assets/js/scripts.js\'])
  .pipe( include() )
  .pipe( uglify() )
  .pipe( rename({ suffix: \'.min\' }) )
  .pipe( gulp.dest("./assets/js") )
});
功能。php js排队(原始):

wp_enqueue_script(\'framework-scripts\', get_template_directory_uri().\'/assets/js/scripts.min.js\', array(), \'20151215\', true);

wp_enqueue_script(\'framework-scripts\', get_template_directory_uri().\'/assets/js/scripts.js\', array(), \'20151215\', true);

wp_enqueue_script(\'framework-scripts\', get_template_directory_uri().\'/assets/js/scripts.js\', array(), \'20151215\', true);

wp_enqueue_script(\'framework-navigation\', get_template_directory_uri().\'/assets/js/navigation.js\', array(), \'20151215\', true);

wp_enqueue_script(\'framework-flexslider\', get_template_directory_uri().\'/assets/js/jquery.flexslider.js\', array(), \'20151215\', true);

wp_enqueue_script(\'framework-skip-link-focus-fix\', get_template_directory_uri().\'/assets/js/skip-link-focus-fix.js\', array(), \'20151215\', true);
功能。php文件(我希望最终结果是什么):

wp_enqueue_script(\'framework-scripts\', get_template_directory_uri().\'/assets/js/scripts.min.js\', array(), \'20151215\', true);
脚本。js文件(包括所有其他js文件,并将它们连接到scripts.min.js)

//= include jquery.flexslider.js
//= include navigation.js
//=include customizer.js
//= include skip-link-focus-fix.js
所以我想知道我是否把这些文件包括错了?

谢谢你的帮助

1 个回复
SO网友:user53340

好吧,很抱歉浪费大家的时间。文件中存在导致问题的随机jQuery()。不过,为了澄清我的另一个问题,我应该以特定的方式包含js脚本吗?谢谢