使用Grunt构建Bower组件

Question

我该如何配置我的Gruntfile来运行bower组件的构建脚本？

一个问题是每个组件可能有不同的构建命令，例如D3使用Makefile，所以我需要运行make，而angular.js也使用grunt并且需要运行grunt build。

有人可以给我一个这方面的示例吗？

- user1027169

---

你想要构建什么？你不能直接使用现成的库吗？ - imjared

我想知道运行组件库构建脚本的一般方法。例如，angular.js库需要grunt build来创建单个JS库文件。有些组件在存储库中包含构建文件，并且存在包含构建的单独存储库，但我希望从主要源构建组件的一般方法。 - user1027169

Answer 1

应该构建Bower组件。

否则，用户将面临您目前的情况。我知道许多组件目前并没有构建，但我们无能为力。

您可以使用grunt-shell轻松地执行所需的任何构建脚本：

grunt.initConfig({
    shell: {
        d3: {
            command: 'make',
            options: {
                execOptions: {
                    cwd: 'components/d3'
                }
            }
        },
        angular: {
            command: 'grunt',
            options: {
                execOptions: {
                    cwd: 'components/angular'
                }
            }
        }
    }
});

- Sindre Sorhus

Answer 2

我一直在使用 Grunt Task for Bower 进行构建。

你可能会发现它很有用。

设置完成后，你可以通过以下方式复制所有所需组件：

grunt bower:install

- Ian Lim

---

是的，grunt-bower-install 是另一个很好的工具：https://github.com/stephenplusplus/grunt-bower-install - Connor Leech