使用 Bower 和 Grunt 分发已编译的 JavaScript 库答案

【问题标题】：Distribute a compiled JavaScript library using Bower and Grunt使用 Bower 和 Grunt 分发已编译的 JavaScript 库
【发布时间】：2014-09-05 14:06:30
【问题描述】：

我第一次使用 Bower (https://github.com/daveoncode/angular-ngkit) 发布了一个 JavaScript 库，但是由于我没有对编译文件进行版本控制（尽管我在其他存储库中看到了这种方法，但对我来说这听起来很胡说），用户应该使用 Grunt 自己构建库，我讨厌这个......有没有办法为最终用户自动启动 grunt 构建？我在 github 上看到了几个 js 存储库，比如 AngularJS 和 jQuery，它们不共享生成的文件，而只共享源文件，但是通过使用 bower install (angular || jquery)，你会得到编译的文件......他们是怎么做到的？是否可以使用某种 git hook 或类似的东西？通过谷歌搜索“凉亭挂钩”，我发现了这个：

https://github.com/bower/bower/blob/master/HOOKS.md

但老实说，我不明白它应该如何工作，AngularJS 和 jQuery 存储库似乎都没有定义文章所谈论的命令：/

【问题讨论】：

标签： git github gruntjs bower bower-install

【解决方案1】：

jQuery bower.json 文件指向 dist/jquery.js，这是编译后的分布

{
"name": "jquery",
"version": "2.1.2-pre",
"main": "dist/jquery.js",
...
}

您不会在主分支中找到此目录或文件，但是如果您切换到其中一个标签（这是实际版本），您将看到它。例如在2.1.1 tag。

AngularJS 有一个专门用于 bower 分发的存储库 - angular/bower-angular - 与源代码 repository 不同

stackoverflow 中有一个流行的answer，它处理在 Bower 中安装时构建的问题以及为什么它是一种反模式。

【讨论】：