Heroku webpackデプロイポートバインディングエラー

Question

すべての依存関係を持つpackage.jsonとwebpackで開始スクリプトがあります。 > Webプロセスが起動

"scripts": { 
"start": "webpack-dev-server --test" 
}, 

WebPACKの設定ファイルの60秒以内に$ PORTにバインドするために失敗しました - Herokuのにデプロイに私はエラーR10（ブートタイムアウト）を取得しています。

var config = { 
entry: './main.js', 

output: { 
    path:'./', 
    filename: 'index.js', 
}, 

devServer: { 
    inline: true, 
    port: process.env.PORT || 8010 
}, 

module: { 
    loaders: [ 
    { 
     test: /\.jsx?$/, 
     exclude: /node_modules/, 
     loader: 'babel', 

     query: { 
      presets: ['es2015', 'react'] 
     } 
    }, 
    { test: /\.css$/, loader: "style!css" }, 
    ] 
} 
} 

module.exports = config;

Answer 1

Kinda a late tho ... webpack devServerが開発用であるため、上記のコードはherokuで動作しません。 プロダクションでは別途webpack.prod.config.jsを作成し、const port = (process.env.PORT || 8010)を明示的に使用する必要があります。 ここにはのwebpackコンフィグを作成するためのBoiler Plate react appがあります。