将多个javascript文件与bower结合使用

时间:2014-01-20 15:40:30

标签: javascript bower

我正在考虑将Bower与我的项目(更具体地说,django-bower)一起使用,如果bower能够在推送到生产时将多个javascript文件合并到一个文件中,我很好奇。

换句话说,它需要:

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

并生成一个用户加载的文件:everything.js

实际上我们有超过20-30个js文件,这就是为什么这会非常有用。

2 个答案:

答案 0 :(得分:4)

Bower是一个包管理器。我认为你要找的是Grunt

了解如何minify multiple js files使用grunt

答案 1 :(得分:2)

使用Browserify。它需要您的Node需要并将它们编译成一个可以包含在HTML中的JS文件。 Ex main.js:

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

浏览您的依赖关系链......

browserify main.js > compiled.js

包含在您的HTML

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