How to concat JS library files using gulp?

Question

Please check out my gist: https://gist.github.com/flyspaceage/9e88716294df93c8eaece51fe413f7a3

All of my files seem to concat properly except the JS libraries. Im using JS Socials, JS Scrollify, Headroom, JQuery 2.1.1, JS Slick. The files concat into one minified file, but the libraries no longer work in production. I am writing my first Gulpfile, any suggestions focused on Gulp appreciated.

place your libraries in a different location. the reason why its not working is you are cleaning the dist directory, where the source files are. — karthick
– karthick, Commented Jun 29, 2017 at 20:10
so my libs directory should only contain JS that I wrote? Like my custom.js file? If i remove the JS libs then my dist directory will not have all files needed to deploy, is there a way to have it both ways? — FlySpaceAge
– FlySpaceAge, Commented Jun 29, 2017 at 20:39
you can create a different structure. scripts-> src (for files that you write) scripts->lib or scripts->vendor( for vendor specific). And update your gulp script respectively with the paths — karthick
– karthick, Commented Jun 29, 2017 at 20:40
Updated > gist.github.com/flyspaceage/9e88716294df93c8eaece51fe413f7a3.js — FlySpaceAge
– FlySpaceAge, Commented Jun 29, 2017 at 20:43

karthick · Accepted Answer · 2017-06-29 20:13:31Z

1

Place your vendor libraries in a different location. The reason why its not working is you are cleaning the dist directory, where the source files are present.

Move all the scripts present in this directory to a folder 'vendor'

libs: ['dist/scripts/libs/jquery.headroom.js', 'dist/scripts/libs/headroom.js', 'dist/scripts/libs/jssocials.js', 'dist/scripts/libs/slick.min.js', 'dist/scripts/libs/jquery.scrollify.js'],

then change the folder path to vendor

libs: ['vendor/scripts/libs/jquery.headroom.js', 'vendor/scripts/libs/headroom.js', etc..,,,],

answered Jun 29, 2017 at 20:13

karthick

12.2k7 gold badges61 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

FlySpaceAge Over a year ago

This allowed me to copy the files to another folder, however I need additional tasks defined to minify/uglify the scripts.

karthick Over a year ago

@FlySpaceAge: The comment deviates from the original requirement. Can you add this as a new question with the problems you are facing?

Collectives™ on Stack Overflow

How to concat JS library files using gulp?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related