webpack-papa-script/bin/build.js

A frontend projects solution

/**
 * Created by chenzhian on 2016/7/21.
 */
const path = require('path');
const { getConf, getTarget } = require('./config');
//const serve = require('./serve');

const chalk = require('chalk');

const logInfo = require('./util/logInfo');
const isProj = require('./util/isProj');
const doBuild = require('./run_build/build');
const doWatch = require('./run_build/watch');
const logger = require('./util/logger');

const _emptyCache = dir => {
  if (require.cache[dir]) {
    delete require.cache[dir];
  }
};
/* istanbul ignore next */
const errMsgNoMPC = (Tar)=>chalk.red(`没有找到：${Tar}，或里面没有${getConf(commSingleProjSubPage).join('|')}文件夹或proj.json文件，已略过，请检查拼写`) + '🤦';

// 给 webpack.config 读取
const setEnv = {
  init(which) {
    this.emptycache();
    this.env();
    this.target(which);
    this.duan();
  },
  env() {
    process.env.NODE_ENV = getConf('env');
    if (getConf('deployType')) {
      process.env.deployType = getConf('deployType')
    }
  },
  target(which) {
    process.env.BUILD_TARGET = getTarget()[which];
  },
  duan() {
    getConf('duan') && (process.env.DUAN = getConf('duan').join(','));
  },
  emptycache() {
    _emptyCache(require.resolve('./webpack.config.js')); //todo 转移到项目目录
    _emptyCache(require.resolve('./webpack.set.entry.js'));
    //_emptyCache(require.resolve('./run_build/build.js'));
    //_emptyCache(require.resolve('./run_build/watch.js'));
  }
};

const buildOne = function (which = 0) {
  //export NODE_ENV=production
  //export NODE_ENV=development

  // && export BUILD_TARGET=huodong1
  return new Promise((resolve, reject) => {
    const Tar = getConf('target')[which];
    logger.log(
      `${chalk.blue('正在编译活动：')}${Tar} 的 ${getConf('duan').join(
        ','
      )} 端...`
    );

    /* istanbul ignore if */
    if (!isProj(Tar)) {
      return reject(errMsgNoMPC(Tar));
    }

    try {
      // 清除webpack.config.js的require.cache, 然后设置node.env的config
      setEnv.init(which);
      doBuild()
        .then(msg => {
          logger.log(chalk.cyan('webpack:build'));
          logger.log(msg);
          // 下一个
          resolve();
        })
        .catch(err => {
          // 单个编译不通过不阻碍下一个编译
          /* istanbul ignore next */
          logger.log(chalk.red(err));
        });
    } catch (err) {
      /* istanbul ignore next */
      reject(err);
    }
  });
};

const watchOne = function (which = 0) {

  return new Promise((resolve, reject) => {
    const Tar = getConf('target')[which];
    logger.log(`${chalk.blue('监听代码修改：')}${Tar} 的 ${getConf('duan').join(',')} 端...`);

    /* istanbul ignore if */
    if (!isProj(Tar)) {
      return reject(errMsgNoMPC(Tar));
    }
    try {
      setEnv.init(which);
      doWatch()
        .then(({msg, watching}) => {
          logger.log(chalk.cyan('webpack:watch'));
          logger.log(msg);
         
          resolve(watching);
        })
        .catch(reject);
    }
   
    catch (err) {  
      /* istanbul ignore next */
      reject(err); 
    }

  })

};

const build = function (conf = {}) {
  logInfo();

  return new Promise((resolve, reject) => {
    const List = getConf('target');

    let run = i => {
      if (i > List.length - 1) {
        return resolve();
      }
      buildOne(i)
        .then(() => run(i + 1))
        .catch(reject);
    };
    run(0);
  });
};

const watch = function (conf = {}) {
  logInfo();

  return new Promise((resolve, reject) => {
     /* istanbul ignore if */
    if (getConf('target').length > 1) {
      logger.log(chalk.red('只能监听你输入的第一个活动'));
    }
    // watch 只能watch一个活动
    watchOne(0)
      .then((watching) => {
        //!conf.noServ && serve.start();
        resolve(watching);
      })
      .catch(err => {
        //!conf.noServ && serve.stop();
        /* istanbul ignore next */
        reject(err);
      });
  })
};

module.exports = { build, watch };