Heroku的webpack部署端口綁定錯誤

Question

我有package.json所有的依賴和啓動腳本與webpack。在部署到Heroku的我得到錯誤R10（啓動超時） - >網絡進程未能啓動60秒

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

的WebPack配置文件中的綁定到$ PORT。

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

有點晚了... 上述代碼不會在heroku上工作，因爲webpack devServer是用於開發。 對於生產你需要創建一個單獨的webpack.prod.config.js並通過使用明確const port = (process.env.PORT || 8010) .. 這裏是Boiler Plate react app用於使webpack配置哪些是heroku準備 。