diff --git a/config/webpack.config.dev.js b/config/webpack.config.dev.js index 65b3936ccb8..12ec9e2b7b0 100644 --- a/config/webpack.config.dev.js +++ b/config/webpack.config.dev.js @@ -7,6 +7,9 @@ * of patent rights can be found in the PATENTS file in the same directory. */ +var PORT = process.env.PORT || 3000; +var HOST = process.env.HOST || 'localhost'; + var path = require('path'); var autoprefixer = require('autoprefixer'); var webpack = require('webpack'); @@ -32,7 +35,7 @@ var buildPath = path.join(__dirname, isInNodeModules ? '../../..' : '..', 'build module.exports = { devtool: 'eval', entry: [ - require.resolve('webpack-dev-server/client') + '?http://localhost:3000', + require.resolve('webpack-dev-server/client') + '?http://'+HOST+':'+PORT, require.resolve('webpack/hot/dev-server'), path.join(srcPath, 'index') ], diff --git a/scripts/start.js b/scripts/start.js index 2032a526f38..54286bad477 100644 --- a/scripts/start.js +++ b/scripts/start.js @@ -8,6 +8,8 @@ */ process.env.NODE_ENV = 'development'; +var PORT = process.env.PORT || 3000; +var HOST = process.env.HOST || 'localhost'; var path = require('path'); var chalk = require('chalk'); @@ -77,7 +79,7 @@ compiler.plugin('done', function (stats) { if (!hasErrors && !hasWarnings) { console.log(chalk.green('Compiled successfully!')); console.log(); - console.log('The app is running at http://localhost:3000/'); + console.log('The app is running at http://'+HOST+':'+PORT+'/'); console.log(); return; } @@ -130,7 +132,7 @@ function openBrowser() { execSync( 'osascript ' + path.resolve(__dirname, './openChrome.applescript') + - ' http://localhost:3000/' + ' http://'+HOST+':'+PORT+'/' ); return; } catch (err) { @@ -139,7 +141,7 @@ function openBrowser() { } // Fallback to opn // (It will always open new tab) - opn('http://localhost:3000/'); + opn('http://'+HOST+':'+PORT+'/'); } new WebpackDevServer(compiler, { @@ -147,7 +149,7 @@ new WebpackDevServer(compiler, { hot: true, // Note: only CSS is currently hot reloaded publicPath: config.output.publicPath, quiet: true -}).listen(3000, 'localhost', function (err, result) { +}).listen(PORT, HOST, function (err, result) { if (err) { return console.log(err); }