xfz-react-cli

react create tool

Usage no npm install needed!

<script type="module">
  import xfzReactCli from 'https://cdn.skypack.dev/xfz-react-cli';
</script>

README

xfz-react-cli

  • use webpack3 to create a react app
  • it contains code spliting(react-router_v4), tree-shaking, development and product ENV
  • it use happypack to upgrade webpack construct speed

Installation

npm install -g xfz-react-cli

Usage

  • xfz-react init [projectName]
  • yarn 或 npm install
  • yarn run dev/build
  • npm run dev/build

技术拆分

  • commander.js，可以自动的解析命令和参数，用于处理用户输入的命令。
  • download-git-repo，下载并提取 git 仓库，用于下载项目模板。
  • Inquirer.js，通用的命令行用户界面集合，用于和用户进行交互。
  • handlebars.js，模板引擎，将用户提交的信息动态填充到文件中。
  • ora，下载过程久的话，可以用于显示下载中的动画效果。
  • chalk，可以给终端的字体加上颜色。
  • log-symbols，可以在终端上显示出 √ 或 × 等的图标。