start.js

const webpack = require('webpack');
const chokidar = require('chokidar');
const portfinder = require('portfinder');
const querystring = require('querystring');
const open = require('open');
const path = require('path');
const get = require('lodash/get');
const WebpackDevServer = require('webpack-dev-server');

const getWebpackDevConfig = require("./webpack/webpack.dev.config");
const { SAAS_CONFIG } = require('./webpack/util/const');

const start = async () => {
  const getStartParam = async () => {
    let devServer = get(SAAS_CONFIG, 'webpack.devServer', {});
    let port = devServer.port;
    if (!port) {
      port = await portfinder.getPortPromise({
        port: 8000,
        stopPort: 9000,
      });
    }

    let startParam = Object.assign({
      host: 'local.koubei.test',
      path: '',
      query: {},
    }, devServer, { port });

    let url = `http://${startParam.host}:${startParam.port}`;
    if (startParam.path) {
      url += `/${startParam.path}`
    }

    const query = querystring.stringify(startParam.query);
    if (query) {
      url += `?${query}`;
    }

    return {
      url,
      port
    };
  };

  const startParam = await getStartParam();

  const webpackDevConfig = getWebpackDevConfig(startParam);
  const compiler = webpack(webpackDevConfig);
  // 第一次编译成功时： 打开页面
  let hasCompile = false;
  compiler.plugin('done', async stats => {
    if (!stats.hasErrors() && !hasCompile) {
      // open(startParam.url);
      hasCompile = true;
    }
  });

  // set devServerOption
  const devServerOption = {
    publicPath: webpackDevConfig.output.publicPath,
    hot: true,
    compress: true,
    disableHostCheck: true,
    quiet: false,
    host: 'local.koubei.test',
    historyApiFallback: true,
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
    },
  }

  const { port, path, query, ...rest } = get(SAAS_CONFIG, 'webpack.devServer', {});
  const startDevOption = Object.assign(devServerOption, rest);
  // compile and start server
  const server = new WebpackDevServer(compiler, startDevOption);
  server.listen(startParam.port, '0.0.0.0')
}

const watch = () => {
  const appConfigPath = path.join(process.cwd(), 'app.config.ts');
  chokidar.watch(appConfigPath).on('change', () => {
    process.send('restart');
  });
}

(async () => {
  await start();
  watch();
})();