iqiyi_game_wp_cli/index.js

var program = require('commander');
var pkg = require('./package.json');
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var defaultConfig = require('./lib/defaultConfig');
var express = require('express');
var inquirer = require('inquirer');
var fs = require('fs');
var path = require('path');
var ejs = require('ejs');
var WebpackConfig = require('./config/WebpackConfig');
var rm = require('rimraf');

let statOptions  = {
    colors: true,
    modules: false,
    children: false,
    chunks: false,
    chunkModules: false,
};

program
    .version(pkg.version);


function removeDirectory(callback) {
    rm(path.join(process.cwd(), './dist/*'), err => {
        if (err){
            console.log(`删除${path.join(process.cwd(), './dist')}失败`);
            return;
        };
        console.log(`删除${path.join(process.cwd(), './dist')}成功`);
        callback();
    })
}


function getWebpackConfig(webpackConfigFilePath, env) {
    var config
    try {
        config = require(path.join(process.cwd(), webpackConfigFilePath))
    } catch (e) {
        console.log('读取 webpack.config.js 失败')
        config =  {}
    }
    config = Object.assign(defaultConfig.get(), config)
    config.webpackConfig = config.webpack(WebpackConfig[env]())
    return config;
}

program
    .command('dev')
    .option('-c --config [config]', 'webpack 配置文件', './webpack.config.js')
    .action(function (cmd) {
        var webpackConfig = getWebpackConfig(cmd.config, 'development');
        WebpackConfig.postDevelopment(webpackConfig.webpackConfig, webpackConfig.devServer,webpackConfig)
        let host = webpackConfig.devServer.host || '0.0.0.0';
        removeDirectory(()=> {
            webpack(webpackConfig.webpackConfig, function (err, stat) {
                if (err) {
                    console.log(err)
                } else {
                    console.log(`DevServer on http://${host}:${webpackConfig.devServer.port}`);
                    var server = new WebpackDevServer(webpack(webpackConfig.webpackConfig), {
                        stats: statOptions,
                        hot: webpackConfig.devServer.hot,
                        publicPath: webpackConfig.devServer.publicPath,
                        host: host,
                        headers: {
                            'Access-Control-Allow-Origin': '*'
                        },
                        disableHostCheck: true,
                        before: function (app) {
                            app.use(express.static(path.join(__dirname, `.${path.sep}node_modules${path.sep}`)))
                            app.use(express.static(path.join(__dirname, `..${path.sep}..${path.sep}..${path.sep}node_modules${path.sep}`)))
                            app.use('/'+webpackConfig.favicon.split('/').pop(),express.static(path.join(process.cwd(), webpackConfig.favicon)));
                            webpackConfig.devServer.before && webpackConfig.devServer.before(app);
                        }
                    })
                    server.listen(webpackConfig.devServer.port);
                }
            })
        });
    })

program
    .command('pro')
    .option('-c --config [config]', 'webpack 配置文件', './webpack.config.js')
    .action(function (cmd) {
        var webpackConfig = getWebpackConfig(cmd.config, 'production')
        WebpackConfig.postProduction(webpackConfig.webpackConfig, null, webpackConfig);
        webpack(webpackConfig.webpackConfig, function (err, stat) {
            if (err) {
                console.log(err)
            } else {
                console.log(stat.toString(statOptions));
            }
        })
    });


program
    .command('ssr')
    .option('-c --config [config]', 'webpack 配置文件', './webpack.config.js')
    .action(function (cmd) {
        var webpackConfig = getWebpackConfig(cmd.config, 'NodeSSR')
        var ssrConfig = WebpackConfig.postNodeSSR(webpackConfig.webpackConfig, null, webpackConfig);
        webpack(ssrConfig, function (err, stat) {
            if (err) {
                console.log(err)
            } else {
                console.log(stat.toString(statOptions));
            }
        })
    })

program
    .command('rename')
    .action(function (cmd) {
        const dist_ejs = path.join(process.cwd(), './dist_ejs');
        const dist_ejs_temp = path.join(process.cwd(), './dist_ejs_temp')
        const exist_dist_ejs_temp =  fs.existsSync(dist_ejs_temp)
        if(!exist_dist_ejs_temp)return false;
        const exist_dist_ejs =  fs.existsSync(dist_ejs);
        if(exist_dist_ejs){
            fs.renameSync(dist_ejs, `${dist_ejs}_old`)
        }
        fs.renameSync(dist_ejs_temp, dist_ejs)
        rm(`${dist_ejs}_old`, err => {
            if (err){
                console.log(`静态资源目录切换失败`);
                return;
            };
            console.log(`静态资源目录切换成功`);
        })
    })


program
  .command('init')
  .action(function (cmd) {
    inquirer.prompt([{
      type: 'list',
      name: 'type',
      message: 'Which type do you want?',
      choices: ['html-spa','node-spa','node-ssr']
    }, {
        type: 'list',
        name: 'preset',
        message: 'Need to support ie8?',
        choices: ['ie8','chrome']
    }, {
      type: 'input',
      name: 'devServerPort',
      message: 'Dev Server Port?',
      default: 8080
    }, {
      type: 'input',
      name: 'entryJsPath',
      message: 'What is the entry js path?',
      default: './src/index.js'
    }, {
      type: 'input',
      name: 'entryName',
      message: 'Give the entry a name?',
      default: 'main'
    }]).then(function (answers) {
      fs.writeFileSync(path.join(process.cwd(), './webpack.config.js'), ejs.render(fs.readFileSync(path.join(__dirname, './template/create/webpack.config.js.ejs'), 'utf8'), answers))
      console.log('   \x1b[36mcreate\x1b[0m : webpack.config.js');
      console.log('run \x1b[36migame dev\x1b[0m to begin')
    }).catch(function (err) {
      console.log(err)
    });
  })

program.parse(process.argv);