Polymer-Starter-KitをHerokuで動かすのにやったこと

Polymer-Starter-Kit を Herokuにデプロイした時の作業メモ

Polymer-Starter-Kit
https://developers.google.com/web/tools/polymer-starter-kit/

package.json

• devDependencies を dependenciesに変更
• dependenciesに "bower”: "^1.4.1" を追加
• scriptsを追加

package.json

"scripts": {
    "postinstall": "bower install",
    "start": "gulp serve"
 }

gulpfile.js

gulpfile.js

gulp.task('serve', ['styles', 'elements', 'images'], function() {
  browserSync({
    //...省略
    server: {
      baseDir: ['.tmp', 'app'],

      routes: {
        '/bower_components': 'bower_components'
      }
    },
    //いか２行を追加
    port: process.env.PORT || 3000,
    Host: process. env. HOST || ‘localhost'
  });
//..省略

herokuに環境変数追加

$ heroku config:set HOST=0.0.0.0