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.

score 4 · Answer 1 · edited May 23 '17 at 12:16

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 '17 at 12:16

Community

1
1

answered Jan 20 '14 at 17:19

Dziad Borowy

12,368
4
41
53

Preston S · Accepted Answer · 2014-01-20T17:37:30.710

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>

Combine multiple javascript files with bower

2 Answers2