Enqueue concatinated JS file in WordPress

Question

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

Answer 1

Okay sorry for wasting everyones time. there was a random jQuery() in the file that was causing the issue. Just to clarify my other question though, should I include the js scripts in a particular way? Thanks