概述:
我这里有一个很简单的问题,但很难调试。我正在使用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
所以我想知道我是否把这些文件包括错了?
谢谢你的帮助