将多个 javascript 文件与 bower 合并

【问题标题】：Combine multiple javascript files with bower将多个 javascript 文件与 bower 合并
【发布时间】：2014-01-20 15:40:30
【问题描述】：

我正在考虑在我的项目（更具体地说，django-bower）中使用 Bower，我很好奇 Bower 是否能够在推送到生产环境时将多个 javascript 文件合并到一个文件中。

换句话说，它需要：

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

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

【问题讨论】：

【解决方案1】：

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

了解如何使用gruntminify multiple js files。

【讨论】：

【解决方案2】：

使用Browserify。它需要你的 Node 需求并将它们编译成一个可以包含在 HTML 中的 JS 文件。前 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>

【讨论】：