- Create a new app using
heroku create --buildpack=https://github.com/robgraeber/heroku-buildpack-nodejs-bower-gulp.git
. To be safe, you should fork this and use your fork's URL. - Add a Gulp task that builds your app. By default, the buildpack will call
gulp build
. - To specify your own task: Run
heroku config:set GULP_TASK=build
(Or any other name). - Add a
bower.json
/.bowerrc
file that will be used withbower install
. Packages not inbower.json
are pruned each build. - And additionally, the buildpack has a few extra entry points. It will look for entry points in the following order:
Procfile
: e.g.web: node server.js
.npm start
script.server.js
file.app.js
file.
Note: It will only use bower/gulp if bower.json
or gulpfile.js
is found. Otherwise it's usable the same as other Node.js buildpacks, except with extra entry points.
When the buildpack runs it will do many things similarly to the standard Heroku buildpack. In addition it will do the following things, in roughly this order.
- If
bower.json
is found- Extract the
directory
key from.bowerrc
if that is present - Run
npm install bower
to install bower locally - Run
bower install
to installbower_components
. - Cache
bower_components
or whichever alternate directory was specified in.bowerrc
- Extract the
- If
gulpfile.js
is found- Run
npm install gulp
to install gulp locally during the build - Run
gulp build
to build the app
- Run
- If
Procfile
is not found- Looks for a
npm start
script - Then for a
server.js
file - And then for an
app.js
file
- Looks for a
The bower component caching is very similar to the node_modules caching done for npm. The cache is restored before each build and bower prune
is run to remove anything no longer needed before doing the bower install
. This is the same way the standard buildpack handles caching.
Bonus: Also installs the latest npm + 'nasm' which is a dependency for imageMin.
I also like to create some useful aliases that help me deploy in 1-line. (Add the following to your .bash_profile):
heroku-push() {
git push heroku master $1 $2 $3
heroku open
}
heroku-delete() {
heroku apps:destroy -a $1 --confirm $1
}
heroku-auto-create() {
heroku create $1 $2 $3 --buildpack=https://github.com/robgraeber/heroku-buildpack-nodejs-bower-gulp.git
heroku-push
}
alias heroku-create='heroku create --stack cedar-14 --buildpack=https://github.com/robgraeber/heroku-buildpack-nodejs-bower-gulp.git'
alias heroku-portal='open https://dashboard.heroku.com/apps'
alias heroku-set='heroku config:set'
alias heroku-rebuild='heroku repo:rebuild'
alias heroku-logs='heroku logs --tail'
Example: Type "heroku-auto-create myAppNameHere" to auto deploy in 1 line.
Forked from heroku-buildpack-nodejs-gulp.
Which was forked from heroku-buildpack-nodejs.
Heavily based on heroku-buildpack-nodejs-grunt.