@ctsj/build/src/startapp.js

一个基于webpack的打包工具

#!/usr/bin/env node

const path = require('path');
const { spawn } = require('child_process');
const logger = require('npmlog');
const { getEnv, isWin32 } = require('./util');

// 运行命令的路径
const runtimePath = process.cwd();

// build.js所在的路径
const codePath = __dirname;

// ctbuild.cmd或者ctbuild.sh所在路径
const commandPath = path.join(codePath, '../', 'node_modules', '.bin', path.sep);

// 配置文件所在路径
let configPath;

let define;

// startapp的tasks
const tasks = [corssenvTask, /* devDllTask, */ webpackServiceTask];

let index = 0;

/**
 * corssenvTask
 * @access private
 * @return {Promise}
 */
function corssenvTask() {
  return new Promise((resolve) => {
    const command = isWin32() ? `cross-env.cmd` : `cross-env`;

    const crossenvProcess = spawn(command, ['REAP_PATH=dev', 'NODE_ENV=development'], {
      cwd: path.join(codePath, '../'),
      encoding: 'utf-8',
      env: getEnv(commandPath),
    });

    // crossenvProcess.stdout.on('data', (data) => {
    //   logger.info(`stdout: ${data}`);
    // });
    //
    // crossenvProcess.stderr.on('data', (data) => {
    //   logger.info(`stderr: ${data}`);
    // });

    crossenvProcess.on('close', () => {
      // logger.info(`crossenvClose：${code}`);
      resolve();
    });
  });
}

// /**
//  * devDllTask
//  * @return {Promise}
//  */
// function devDllTask() {
//   return new Promise((resolve, reject) => {
//     const command = process.platform === "win32" ? `${commandPath}webpack.cmd` : `${commandPath}webpack`;
//     const devDllProcess = spawn(
//       command,
//       [
//         '--config',
//         path.join('webpackconfig', 'webpack.dev.dll.js'),//'webpackconfig/webpack.dev.dll.js',
//         '--custom',
//         path.join(runtimePath, '/'),//`${runtimePath}\\`
//       ],
//       {
//         cwd: codePath,
//         encoding: 'utf-8',
//       }
//     );
//
//     devDllProcess.stdout.on('data', (data) => {
//       logger.info(`stdout: ${data}`);
//     });
//
//     devDllProcess.stderr.on('data', (data) => {
//       logger.info(`stderr: ${data}`);
//     });
//
//     devDllProcess.on('close', (code) => {
//       logger.info(`devDllTaskClose：${code}`);
//       resolve();
//     });
//   });
// }

/**
 * webpackServiceTask
 * @return {Promise}
 */
function webpackServiceTask() {
  return new Promise((resolve, reject) => {
    const command = isWin32() ? `webpack-dev-server.cmd` : `webpack-dev-server`;

    const babelProcess = spawn(
      command,
      [
        // '--open',
        '--color',
        '--config',
        path.join(codePath, 'webpackconfig', 'webpack.dev.js'),
        '--progress',
        '--env',
        [
          `runtimepath=${path.join(runtimePath, path.sep)}`,
          `customconfig=${configPath}`,
          `define=${Buffer.from(JSON.stringify(define)).toString('base64')}`,
        ].join(' '),
      ],
      {
        cwd: path.join(codePath, '../'),
        encoding: 'utf-8',
        env: getEnv(commandPath),
      },
    );

    babelProcess.stdout.on('data', (data) => {
      logger.info(`${data}`);
    });

    babelProcess.stdin.on('data', (data) => {
      logger.info(`${data}`);
    });

    babelProcess.stderr.on('data', (data) => {
      logger.warn(`${data}`);
    });

    babelProcess.on('close', () => {
      resolve();
    });
  });
}

/**
 * loopTask
 * @return {Promise}
 */
function loopTask() {
  return new Promise((resolve, reject) => {
    if (index >= tasks.length) {
      resolve();
    } else {
      // eslint-disable-next-line no-plusplus
      const task = tasks[index++];
      if (task) {
        task()
          .then(() => {
            loopTask().then(() => {
              resolve();
            });
          })
          .catch((error) => {
            reject(error);
          });
      } else {
        reject();
      }
    }
  });
}

module.exports = {
  /**
   * build
   * @param {String} - ctbuildConfigPath
   * ctbuild.config.js配置文件的路径，如果没有指定则会寻找命令运行目录下的ctbuild.config.js文件
   */
  build: ({ config: ctbuildConfigPath = '', define: defineMap }) => {
    if (ctbuildConfigPath) {
      if (path.isAbsolute(ctbuildConfigPath)) {
        configPath = ctbuildConfigPath;
      } else {
        configPath = path.join(runtimePath, ctbuildConfigPath);
      }
    } else {
      configPath = path.join(runtimePath, 'ctbuild.config.js');
    }

    define = defineMap;

    loopTask()
      .then(() => {
        logger.info('finish');
        process.exit();
      })
      .catch((error) => {
        logger.error(error);
      });
  },
};