Question

我正在使用grunt和grunt插件，例如grunt-contrib-copy，grunt-contrib-mincss（我的应用程序列为npm依赖项）。

此外，我不提交npm_modules文件夹和public文件夹，其中包含所有生成的文件。在部署和设置我的服务器之后，我无法弄清楚如何构建我的应用程序（我有grunt build命令）（它已经在寻找public文件夹）。

我看到了像grunt-heroku-deploy这样的东西，但在上传之前提交我似乎是一个坏主意。也许有一些温和的决定......有什么想法吗？

Answer 1

npm支持postinstall步骤（以及许多其他步骤）可能正是您正在寻找的。

当您推送到heroku以解析构建依赖项时，node.js heroku buildpack运行此命令：

$ npm install --production

https://devcenter.heroku.com/articles/nodejs-support#build-behavior

如果您查看npm文档，可以设置一系列脚本，以便在任何人为您的程序包运行npm install之前或之后运行。它是在scripts的{{1}}属性中配置的。 package.json属性允许在包的生命周期中发生某些事情时运行自定义脚本（包括scripts）。

例如，要回显某些文本并在任何人（包括Heroku）运行grunt时运行grunt命令，请将其添加到npm install：

package.json

https://npmjs.org/doc/scripts.html

重要提示：

您可能必须在{ ... "scripts": { "postinstall": "echo postinstall time; ./node_modules/grunt-cli/bin/grunt <your task name>" }, ... }脚本中更改grunt二进制文件的路径，如果postinstall命令未执行，请检查错误输出。
grunt和grunt必须在grunt-cli中列为dependency，以便由Heroku安装。在package.json下列出它们是不够的，因为Heroku不会安装它们。另外，请注意Heroku不会将其安装为全局包，因此要在Heroku上执行它，您将不得不使用相对路径（如上所述）。

如果这不起作用（你可能需要稍微改变相对路径），那么你可能要考虑编写your own custom buildpack for Heroku。

更新

从0.4开始，devDependencies包不再包含grunt二进制文件，它现在是grunt包的一部分。答案已经更新，以反映这一点。

Answer 2

看起来，当Heroku Platorm API slug和release功能进入主线时，它将在很大程度上得到解决。此时，您可以在本地（或在ci服务器上）构建代码，将其打包并通过API调用将其发送到heroku并从那里发布。

这仍然处于测试期，并且仅在2013年12月19日宣布。

https://devcenter.heroku.com/articles/platform-api-deploying-slugs

对于将生成的代码检入git或NPM postinstall挂钩，有多少人似乎没问题，我从来都不高兴。 :(

另外，从哲学的角度来看，在发布期间进行构建只是另一个潜在的失败点。

只是为了好玩：由于还没有最终确定，这是一个bash脚本我把它放在一起你可以暂时用来在部署分支上构建你的代码，提交它，将其部署到heroku，然后删除部署分支。（我真的不喜欢bash部署脚本，所以我真的期待平台API的添加）

#!/bin/bash
set -e 

# Delete current deploy branch
git branch -D deploy
# Create new deploy branch based on master
git checkout -b deploy
# Grunt comands to build our site
grunt build:production
# the dist/ directory is in my .gitignore, so forcibly add it
git add -f dist/
git commit -m "Deploying to Heroku"
# Push it up to heroku, the -f ensures that heroku won't complain
git push heroku -f deploy:master
# Switch it back to master
git checkout master

Answer 3

Grunt（et al。）是一个构建工具，而不是（真的）你应该在生产中打包和运行的东西。另一种方法是在仅将构建的文件推送到Heroku之前，使用Grunt在本地（或更好地在CI服务器上）准备项目。正如已经提到的，Heroku会在你的应用推出之后对你的应用做npm install，这应该足以让你自己最终准备你的应用。

我已将其设置为使得Grunt派生/构建的Heroku应用程序存在于我的主应用程序源代码仓库中的完全独立的Git仓库中。因此，当我执行grunt deploy时，它会优化并将相关文件复制到Heroku仓库，整理它（git add -A等），然后git push heroku master（或其他）。

如果您的实时服务器仅负责运行预构建的应用程序包，那么这似乎是一个更清晰的关注点分离。

YMMV当然，上面接受的答案也是完全有效的......特别是在像Heroku这样一个易于理解和稳定的现场环境中。

Answer 4

Heroku buildpack对我来说很好。好东西。

Answer 5

为了使用grunt 4.0，我按照https://discussion.heroku.com/t/grunt-on-heroku/98/2中的说明进行操作。我必须做的唯一改变就是删除grunt的路径，因为使用unix样式的斜杠会使它在windows中失败，反之亦然。幸运的是，您甚至不需要指定路径，因为NPM将在node_modules / .bin文件夹https://npmjs.org/doc/scripts.html#path中查找grunt。

确保在package.json中本地安装了grunt和grunt-cli，即使grunt告诉您全局安装cli：$：npm i -S grunt grunt-cli
在package.json中添加一个postinstall步骤，如下所示："postinstall": "grunt prod"

Answer 6

查看本教程：https://medium.com/p/c227cb1ddc56。它解释了如何使用自定义构建包在Heroku上部署grunt应用程序。

Answer 7

npm postinstall步骤可能是你最好的选择，因为你可以从那里调用grunt。但是您还应该查看自定义构建包，例如heroku-buildpack-nodejs-grunt。

Answer 8

这篇文章是特定于Rails的，但我不明白为什么你不能在任何后端框架中使用它，只需将Ruby buildpack与你正在使用的任何内容交换。

解决方案基本上是使用多个构建包，并在Heroku上为你运行Node / Grunt buildpack。{/ p>

值得注意的是，此解决方案无法将构建工件检入版本控制。（是的!!!）

http://www.angularonrails.com/deploy-angular-rails-single-page-application-heroku/

如何部署使用grunt到heroku的节点应用程序

8 个答案:

更新