tua/lib/index.js

"use strict"; /**
               * Created by wuwei on 2017/6/14.
               */
let path = require('path');
let fs = require('fs');
const webpack = require("webpack");
let cwd = process.cwd();
let env = require("./utils/env");
let _ = require('shelljs');
const colors = require('colors');
const { validate, config } = require('./options');
const handleServer = require('./webpack/server/handleServer');
// @ts-ignore
global.__tua = {}; // 缓存过程中用到的变量
const core = require('./core');
const pageList = require('./listpage');

let chmod777 = function () {
  if (process.platform !== "win32" && typeof process.getuid === 'function' && process.getuid() === 0) {//当前是管理员用户
    _.chmod("-R", 777, path.resolve(cwd, './' + config.dist));
    if (fs.existsSync(path.resolve(cwd, './.cache-loader'))) {
      _.chmod("-R", 777, path.resolve(cwd, './.cache-loader'));
    }
    if (fs.existsSync(path.resolve(cwd, './node_modules/.cache/cache-loader'))) {
      _.chmod("-R", 777, path.resolve(cwd, './node_modules/.cache/cache-loader'));
    }
  }
};

module.exports = {
  /**
                    * 生成dll文件
                    * @param stat DEBUG, PUBLISH 等模式
                    * @param suc 成功生成文件后的回调
                    * @param fail 生成失败后的回调
                    */
  dll: function (stat, suc, fail) {
    core.initGenerate();
    validate();
    env.setEnv(stat.toUpperCase());
    let { chainWebpack } = require('./webpack/config.dll');
    let dllEntry = Object.keys(config.dll ? config.dll.chunks || {} : {});
    if (dllEntry.length === 0) {
      suc();
      return;
    }
    webpack(chainWebpack(), (err, stats) => {
      try {
        if (err) {//有些错误是在stats未生成的时候发生的,直接打印出来
          console.error(colors.red(err));
        }
        if (err || stats.hasErrors()) {
          // 处理失败
          if (typeof fail === 'function') {
            fail(stats);
            console.error(colors.red(stats.compilation.errors)); //更加详细的错误信息
          }
        } else {
          //处理成功
          if (typeof suc === 'function') {
            suc(stats);
          }
        }
        chmod777();
      } catch (err) {
        console.error(colors.red(err.stack)); //更加详细的错误信息
      }
    });
  },
  /**
      * 启动服务器，可同时供服务端和客户端同时使用
      * @param params 参数，可用于过滤入口
      * @param callback  启动服务器成功后的回调
      * @param serverType  启动服务器类型，默认express
      */
  start: async function (params, callback, serverType) {
    core.initGenerate();
    validate();
    env.setEnv("DEBUG");
    core.onBeforeCompile();
    let babelConf = require('./webpack/client/config'); //此引用只能在setEnv后使用，其中依赖setEnv后的变量
    const webpackDevServer = require("./utils/startWebpackDevServer")(babelConf, serverType);
    let firstClientCompile = true;
    let firstServerCompile = true;

    let clientOk = new Promise((resolve, reject) => {
      webpackDevServer.compiler.hooks.done.tap('tuaClientCompile', stats => {
        let clientStats = stats;
        if (clientStats.hasErrors()) {
          global['clientCompileStats'] = clientStats; //更加详细的错误信息
        }
        if (firstClientCompile) {
          firstClientCompile = false;
        } else {
          global['clientUpdated'] = true;
          pageList.show(babelConf, webpackDevServer, serverType);
        }
        resolve();
      });
    });

    let serverOk = new Promise((resolve, reject) => {
      try {
        handleServer('debug', serverType, function (err, stats) {
          if (typeof callback === 'function') {
            callback(stats);
          }
          if (firstServerCompile) {
            firstServerCompile = false;
          } else {
            pageList.show(babelConf, webpackDevServer, serverType);
          }
          resolve();
        }, webpackDevServer, clientOk);
      } catch (err) {
        console.error(colors.red(err.stack)); //更加详细的错误信息
      }
    });

    if (handleServer.noSsr()) {
      await Promise.all([clientOk]);
    } else {
      await Promise.all([clientOk, serverOk]);
    }

    pageList.show(babelConf, webpackDevServer, serverType);

    chmod777();
  },
  /**
      * 发布 客户端代码和服务端代码
      * @param stat publish toserver 两种
      * @param params 参数，可用于过滤入口
      * @param suc 成功回调
      * @param fail 失败回调
      * @param ssuc 服务端成功回调
      * @param sfail 服务端失败回调
      */
  pack: function (stat, params, suc, fail, ssuc, sfail) {
    core.initGenerate();
    validate();
    env.setEnv(stat || "PUBLISH");
    core.onBeforeCompile();
    let publishconf = require('./webpack/client/config');
    webpack(publishconf, (err, stats) => {
      try {
        if (err || stats.hasErrors()) {
          if (typeof fail === 'function') {
            fail(stats);
            console.error(colors.red(stats.compilation.errors)); //更加详细的错误信息
          }
        } else {
          // 处理完成
          if (typeof suc === 'function') {
            suc(stats);
          }
        }
        chmod777();
        // @ts-ignore
        handleServer(stat, undefined, function (err, stats) {
          if (err || stats.hasErrors()) {
            if (typeof sfail === 'function') {
              sfail(stats);
              console.error(colors.red(stats.compilation.errors)); //更加详细的错误信息
            }
          } else {
            // 处理完成
            if (typeof ssuc === 'function') {
              ssuc(stats);
            }
          }
          chmod777();
        });
      } catch (err) {
        console.error(colors.red(err.stack)); //更加详细的错误信息
      }
    });
  } };