Include JQuery with Package Manager - JQuery

Question

I'm confused around all of the different tools such as Grunt, Bower, NPM, Gulp, etc...

What tool/package manager can I use to include/manage JQuery (and other JS libraries)?

You can get good information on these tools by googling each of them and what they achieve, if you are still unclear downloading your files and keeping them as a downloaded is fine if you are still learning web development. — Daniel Tate, Jun 18 '15 at 02:23

score 1 · Accepted Answer · edited May 23 '17 at 12:25

You can use bower to manage your front end libraries.

NPM is for installing packages to your backend, Bower is for installing libraries to your front end.

You will probably want to add the bower_components folder to your .gitignore (or equivalent if not using git)

Anyone who uses your repo can run bower install to get the front end libraries, the listing of libraries is kept in bower.json. For a good list of Bower benefits see https://softwareengineering.stackexchange.com/questions/224828/why-should-i-use-bower/224832#224832?newreg=4db37e92ec744292bed67038a680cada

Grunt is a great tool for managing tasks that you have to do, in say your deployment process. A grunt task could include minifying your code, here is a good example grunt file http://gruntjs.com/sample-gruntfile

In terms of overall comparisons here's a better write up than I could do Difference between Grunt, NPM and Bower ( package.json vs bower.json )

Thanks! Would you be able to add reasons for using Grunt + Bower in your answer? — karns, Jun 18 '15 at 02:22
Sure, I added a couple of additional sources that hopefully help out. If you have any more specific question just let me know! — Brooklyn Web Developers, Jun 18 '15 at 02:30

Include JQuery with Package Manager - JQuery

1 Answers1