nobuilder-json/scripts/dev.js

nobuilder

"use strict";

// 设置 ENV
process.env.NODE_ENV = "development";
process.env.BABEL_ENV = "development";

// 保证 unhandle process 能抛出异常
process.on("unhandledRejection", err => {
  throw err;
});

// 加载环境变量
require("./lib/env");

// init
const exec = require("child_process").exec;
const chalk = require("chalk");
const webpack = require("webpack");
const WebpackDevServer = require("webpack-dev-server");
const clearConsole = require("react-dev-utils/clearConsole");
const {
  choosePort,
  createCompiler,
  prepareUrls
} = require("react-dev-utils/WebpackDevServerUtils");
const openBrowser = require("react-dev-utils/openBrowser");
const formatWebpackMessages = require("react-dev-utils/formatWebpackMessages");
const paths = require("./lib/paths");
const pkg = require(paths.appPackageJson);
const options = pkg.builder || {};
const getConfig = require("./lib/webpack.config");
const createDevServerConfig = require("./lib/webpackDevServer");
const isInteractive = process.stdout.isTTY;
const shouldOpenBrowser = process.env.OPEN_BROWSER !== "false";

// ip/port
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3333;
const HOST = process.env.HOST || "0.0.0.0";

choosePort(HOST, DEFAULT_PORT)
  .then(port => {
    if (port == null) {
      throw new Error("We have not found a port");
    }

    const protocol = process.env.HTTPS === "true" ? "https" : "http";
    const urls = prepareUrls(protocol, HOST, port);
    const appName = require(paths.appPackageJson).name;
    options.dev = true;
    const config = getConfig(options);
    const compiler = createCompiler(webpack, config, appName, urls);
    const serverConfig = createDevServerConfig(
      urls.lanUrlForConfig,
      config.output.publicPath
    );
    const devServer = new WebpackDevServer(compiler, serverConfig);
    devServer.listen(port, HOST, err => {
      if (err) {
        return console.error(chalk.red(err));
      }
      if (isInteractive) {
        // clearConsole()
      }
      console.log(chalk.cyan("Starting the development server...\n"));
      console.log(chalk.cyan("URL:"), chalk.white(urls.localUrlForBrowser));

      if (shouldOpenBrowser) {
        openBrowser(urls.localUrlForBrowser);
      }
    });
    ["SIGINT", "SIGTERM"].forEach(sig => {
      process.on(sig, function() {
        console.log(chalk.yellow("Dev server closed"));
        devServer.close();
        // process.exit();
      });
    });
  })
  .catch(err => {
    if (err && err.message) {
      console.error(chalk.red(err.message));
    }
    // process.exit(1);
  });