Combine multiple javascript files with bower

Question

I'm looking into using Bower with my project (more specifically, django-bower), and I was curious if bower has the ability to combine multiple javascript files into one file when pushing to production.

In other words it would take:

jquery.min.js
angular.min.js
something_else.js
another_thing.js

and produce one file that the user loads: everything.js

In reality we have upwards of 20-30 js files, which is why this would be incredibly helpful.

Community · Accepted Answer · 2017-05-23 12:16:26Z

4

Bower is a package manager. I think what you're looking for is Grunt.

See how to minify multiple js files using grunt.

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Jan 20, 2014 at 17:19

Dziad Borowy

12.6k4 gold badges44 silver badges54 bronze badges

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

Comments

Preston S · Accepted Answer · 2014-01-20 17:37:30Z

2

Use Browserify. It takes your Node requires and compiles them into a single JS file that can be included in your HTML. Ex main.js:

var JQuery = require('jquery');
var Angular = require('Angular');
require('./something_else');
require('./another_thing');

Browserify your dependency chain...

browserify main.js > compiled.js

Include in your HTML

<html>
  <head>
    <script type="text/javascript" src="compiled.js"></script>
  </head>
</html>

edited Jan 20, 2014 at 17:37

answered Jan 20, 2014 at 17:32

Preston S

2,80126 silver badges38 bronze badges

Collectives™ on Stack Overflow

Combine multiple javascript files with bower

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related