silki
Version:
Cli tool for build react app, based on generator-react-multipage, create-react-app, roadhog. Support react multiple pages app develop.
242 lines (220 loc) • 7.01 kB
JavaScript
var chalk = require('chalk');
var spawn = require('cross-spawn');
var os = require('os');
require('shelljs/global');
var program = require('commander');
var yo = require('./yo.js');
var request = require('request');
var script = process.argv[2];
var args = process.argv.slice(3);
var nodeVersion = process.versions.node;
var versions = nodeVersion.split('.');
var major = versions[0];
var minor = versions[1];
var platform = os.platform();
var version = require('../package.json').version;
if (((major * 10) + (minor * 1)) < 65) {
console.log(chalk.red(`Node version (${major}.${minor}) is not compatibile, ${chalk.cyan('must >= 6.5')}.`));
console.log(chalk.red(`你的 Node 版本是 ${chalk.yellow(`${major}.${minor}`)}，请升级到${chalk.cyan(' 6.5 或以上')}.`));
console.log();
if (platform === 'darwin') {
console.log(`推荐用 ${chalk.cyan('https://github.com/creationix/nvm')} 管理和升级你的 node 版本。`);
} else if (platform === 'win32') {
console.log(`推荐到 ${chalk.cyan('https://nodejs.org/')} 下载最新的 node 版本。`);
}
process.exit(1);
}
// generate app
function generateApp(app, options) {
app = app || 'app';
var generator = 'generator-react-multipage:' + app;
yo(generator, [], function () {
console.log('yo ' + app + ' success!');
}, options);
}
var result;
program
.version(version);
program
.command('new [app]')
.option('-r, --remote', 'get spa template from gitlab')
.description('new a react app/page/component')
.action(function (app, cmd) {
// check update
request('https://registry.npm.taobao.org/silki/latest', function (error, response, body) {
if (!error && response.statusCode == 200) {
var pkg;
try {
pkg = JSON.parse(body);
if (pkg.version !== version) {
console.log(chalk.bold('⚠️ find new version: ' + chalk.red(pkg.version) + ', current version: '+chalk.yellow(version)+'.'));
console.log(chalk.bold('☻ suggest update: ' + chalk.yellow('npm i silki@latest -g \n')));
} else {
console.log(chalk.bold.green('✌ current version is the latest version\n'));
}
generateApp(app, { remote: cmd.remote });
} catch(err) {
console.log(chalk.bold.red('☹ parse silki package.json error'), err);
console.log('\n');
generateApp(app, { remote: cmd.remote });
}
} else {
console.log(chalk.bold.red('☹ Check latest version failed'));
console.log('\n');
generateApp(app, { remote: cmd.remote });
}
})
});
program
.command('page <name>')
.description('new a react page')
.action(function (name) {
var generator = 'generator-react-multipage:page';
yo(generator, [name], function () {
console.log('create page ' + name + ' success!');
});
});
program
.command('cpnt <name>')
.description('new a react component')
.action(function (name) {
var generator = 'generator-react-multipage:component';
yo(generator, [name], function () {
console.log('create component ' + name + ' success!');
});
});
program
.command('server')
.alias('s')
.option('-m, --mod', 'create youku mod server') // react 和 react-dom 用静态资源引入
.description('start a develop server')
.action(function () {
result = spawn.sync(
'node',
[require.resolve(`../lib/${script}`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
});
program
.command('build')
.alias('b')
.option('-a, --analyze', 'Visualize and analyze your Webpack bundle.')
.option('-d, --debug', 'Build without compress')
.description('build code to build file')
.action(function () {
result = spawn.sync(
'node',
[require.resolve(`../lib/${script}`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
});
program
.command('buildMod')
.alias('bm')
.option('-d, --debug', 'debug mode')
.option('-a, --analyze', 'Visualize and analyze your Webpack bundle.')
.description('build code to build file')
.action(function () {
result = spawn.sync(
'node',
[require.resolve(`../lib/${script}`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
});
program
.command('test')
.description('test')
.action(function() {
result = spawn.sync(
'node',
[require.resolve(`../lib/${script}`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
})
program
.command('rc <name>')
.description('new a pure react component')
.action(function (name) {
var generator = 'generator-react-multipage:rc';
yo(generator, [name], function () {
console.log('create component ' + name + ' success!');
});
});
program
.command('template <name>')
.description('new a react template page')
.action(function (name) {
var generator = 'generator-react-multipage:template';
yo(generator, [name], function() {
console.log('create page template ' + name + 'success!');
});
});
program
.command ('dll')
.description('build vendor.dll.js')
.action(function() {
result = spawn.sync(
'node',
[require.resolve(`../lib/buildDll`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
});
program
.command('code <name>')
.description('get code snippet')
.action(function (name) {
result = spawn.sync(
'node',
[require.resolve(`../lib/snippet`)].concat(args),
{ stdio: 'inherit' }
);
process.exit(result.status);
});
/*--------------以下是新添加的规范站点命令----------*/
// program
// .command("demo")
// .description("new a markdown demo file")
// .action(function(name) {
// var generator = "generator-sy-template:demo";
// yo(generator, "", function() {
// console.log("create demo page " + name + " success!");
// });
// });
// // 2.产生新的readme文件 silk readme
// program
// .command("readme")
// .description("new a markdown readme file")
// .action(function(name) {
// var generator = "generator-sy-template:readme";
// // 第二个name为必须参数
// yo(generator, "", function() {
// console.log("create readme markdown file " + name + " success!");
// });
// });
/*--------------以上是新添加的规范站点命令----------*/
program.parse(process.argv);
// switch (script) {
// case '-v':
// case '--version':
// console.log(require('../package.json').version);
// break;
// case 'build':
// case 'server':
// case 'test':
// result = spawn.sync(
// 'node',
// [require.resolve(`../lib/${script}`)].concat(args),
// { stdio: 'inherit' }
// );
// process.exit(result.status);
// break;
// default:
// console.log(`Unknown script ${chalk.cyan(script)}.`);
// break;
// }