generator-rrrw/generators/app/index.js

react,redux,react-redux-router,webpack,babel,es6,autoprefixer,HMR,css-module

'use strict';
var yeoman = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
var fs = require('fs');

module.exports = yeoman.Base.extend({
  initializing: function() {

    this.log(yosay(
      'Welcome to ' + chalk.cyan('qiji fe rrrw generator') + ', it builds with ' + chalk.red('react,redux,react-redux-router,webpack,babel,es6,autoprefixer,HMR,css-module   ') + 'and so on'
    ));

  },

  prompting: function () {
    // Have Yeoman greet the user.
    var prompts = [{
      type    : 'list',
      name    : 'mobileORpc',
      message : '是PC项目还是移动应用？',
      choices : ['PC', 'Mobile']
    }, {
      type    : 'input',
      name    : 'repo',
      message : '请输入Git仓库名称(不能有空格和大写字母)',
      default : this.env.cwd.split('/').pop() // Default 当前目录名
    }, {
      type    : 'input',
      name    : 'product',
      message : '请输入产品中文名称（如：店长PC Web后台系统）',
      default : '奇迹大树'
    }, {
      type    : 'input',
      name    : 'users',
      message : '请输入面向的用户群（如：店长）',
      default : '社会消费者'
    }, {
      type    : 'input',
      name    : 'fe',
      message : '请输入项目负责前端的花名，多人用逗号隔开',
      default : '半边'
    }, {
      type    : 'input',
      name    : 'rd',
      message : '请输入项目合作后端的花名，多人用逗号隔开',
      default : '庆攀'
    }, {
      type    : 'input',
      name    : 'pd',
      message : '请输入项目合作产品的花名，多人用逗号隔开',
      default : '雷欧'
    }, {
      type    : 'input',
      name    : 'ue',
      message : '请输入项目合作设计师的花名，多人用逗号隔开',
      default : '华伟'
    }];

    return this.prompt(prompts).then(function (props) {
      this.props = props;
    }.bind(this));
  },

  writing: function () {
    var compilePath = this.templatePath(),
      files = fs.readdirSync(compilePath)
    this.fs.copyTpl(
      this.templatePath(),
      this.destinationPath(),
      this.props
    )
    this.fs.copy(
      this.templatePath('./.*'),
      this.destinationRoot()
    )
    this.fs.copyTpl(
      this.templatePath('.babelrc'),
      this.destinationPath('.babelrc'),
      this.props
    )
  },

  install: function () {
    // 修正npm， https://github.com/npm/npm/issues/1862
    var niPath = this.destinationPath('.npmignore')
    fs.access(niPath, (err) => {
      if (err) console.log(err)
      fs.renameSync(niPath, this.destinationPath('.gitignore'))
    })

    this.npmInstall();
    this.on('end', function(){
      this.log.ok('React工程初始化完成，你可以执行' + chalk.green(' npm start ') + '开启dev server 查看示例')
    })
  },

  end: function() {
  }
});