Overview:
I have a probably pretty simple question here, yet difficult to debug. I am using gulp with _s theme to develop a framework with base functions and styles that can be used for multiple projects. As such, my aim here is to optimise the code at every step to make it as light weight and efficient as possible, whilst retaining all the functionality.
Question:
My question is, I want to concatenate all my js files into one minified js file and just enqueue that one file to reduce server requests etc. The problem I am having is that the js fails when I do this. Is there a way to solve this issue? (pretty broad spec I know), and would concatenating the files in a specific way potentially resolve my issue?
gulpFile:
gulp.task("scripts", function() {
gulp.src(['./assets/js/scripts.js'])
.pipe( include() )
.pipe( uglify() )
.pipe( rename({ suffix: '.min' }) )
.pipe( gulp.dest("./assets/js") )
});
functions.php js enqueue (original):
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);
functions.php file (what I want the end result to be):
wp_enqueue_script('framework-scripts', get_template_directory_uri().'/assets/js/scripts.min.js', array(), '20151215', true);
scripts.js file (this includes all the other js files and concatenates them to scripts.min.js)
//= include jquery.flexslider.js
//= include navigation.js
//=include customizer.js
//= include skip-link-focus-fix.js
so I'm wondering if I am including these files wrong perhaps?
Thanks for all your help
the js fails
? What particular error do you get? – RRikesh Aug 22 '16 at 13:12