Brak opisu

start.js 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. 'use strict';
  2. // Do this as the first thing so that any code reading it knows the right env.
  3. process.env.BABEL_ENV = 'development';
  4. process.env.NODE_ENV = 'development';
  5. // Makes the script crash on unhandled rejections instead of silently
  6. // ignoring them. In the future, promise rejections that are not handled will
  7. // terminate the Node.js process with a non-zero exit code.
  8. process.on('unhandledRejection', err => {
  9. throw err;
  10. });
  11. // Ensure environment variables are read.
  12. require('../config/env');
  13. const fs = require('fs');
  14. const chalk = require('chalk');
  15. const webpack = require('webpack');
  16. const WebpackDevServer = require('webpack-dev-server');
  17. const clearConsole = require('react-dev-utils/clearConsole');
  18. const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
  19. const {
  20. choosePort,
  21. createCompiler,
  22. prepareProxy,
  23. prepareUrls,
  24. } = require('react-dev-utils/WebpackDevServerUtils');
  25. const openBrowser = require('react-dev-utils/openBrowser');
  26. const paths = require('../config/paths');
  27. const config = require('../config/webpack.config.dev');
  28. const createDevServerConfig = require('../config/webpackDevServer.config');
  29. const useYarn = fs.existsSync(paths.yarnLockFile);
  30. const isInteractive = process.stdout.isTTY;
  31. // Warn and crash if required files are missing
  32. if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
  33. process.exit(1);
  34. }
  35. // Tools like Cloud9 rely on this.
  36. const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
  37. const HOST = process.env.HOST || '0.0.0.0';
  38. if (process.env.HOST) {
  39. console.log(
  40. chalk.cyan(
  41. `Attempting to bind to HOST environment variable: ${chalk.yellow(
  42. chalk.bold(process.env.HOST)
  43. )}`
  44. )
  45. );
  46. console.log(
  47. `If this was unintentional, check that you haven't mistakenly set it in your shell.`
  48. );
  49. console.log(`Learn more here: ${chalk.yellow('http://bit.ly/2mwWSwH')}`);
  50. console.log();
  51. }
  52. // We attempt to use the default port but if it is busy, we offer the user to
  53. // run on a different port. `choosePort()` Promise resolves to the next free port.
  54. choosePort(HOST, DEFAULT_PORT)
  55. .then(port => {
  56. if (port == null) {
  57. // We have not found a port.
  58. return;
  59. }
  60. const protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
  61. const appName = require(paths.appPackageJson).name;
  62. const urls = prepareUrls(protocol, HOST, port);
  63. // Create a webpack compiler that is configured with custom messages.
  64. const compiler = createCompiler(webpack, config, appName, urls, useYarn);
  65. // Load proxy config
  66. const proxySetting = require(paths.appPackageJson).proxy;
  67. const proxyConfig = prepareProxy(proxySetting, paths.appPublic);
  68. // Serve webpack assets generated by the compiler over a web sever.
  69. const serverConfig = createDevServerConfig(
  70. proxyConfig,
  71. urls.lanUrlForConfig
  72. );
  73. const devServer = new WebpackDevServer(compiler, serverConfig);
  74. // Launch WebpackDevServer.
  75. devServer.listen(port, HOST, err => {
  76. if (err) {
  77. return console.log(err);
  78. }
  79. if (isInteractive) {
  80. clearConsole();
  81. }
  82. console.log(chalk.cyan('Starting the development server...\n'));
  83. openBrowser(urls.localUrlForBrowser);
  84. });
  85. ['SIGINT', 'SIGTERM'].forEach(function(sig) {
  86. process.on(sig, function() {
  87. devServer.close();
  88. process.exit();
  89. });
  90. });
  91. })
  92. .catch(err => {
  93. if (err && err.message) {
  94. console.log(err.message);
  95. }
  96. process.exit(1);
  97. });