@3mcode/sharp-react 中文文档教程

发布于 3年前 浏览 21 项目主页 更新于 3年前

sharp-react

npm 版本

通过schematic生成各种react应用。

该项目没有做太多抽象。 初级工程师可以学习webpack和Babel相关的配置知识; 有经验的工程师可据此制定自己的工程施工方案;

Features

  • Reusable webpack chain configuration and Babel configuration based on best practices
  • Generates boilerplate: ** react16+webpack5+babel7+eslint+prettier**
  • Optional development language: ts
  • Optional css language: less || scss
  • Optional features: css moudle、redux、router
  • Optional ui lib: ant-design
  • Css processing: special browser prefix completion and flex bug fix
  • Dev server integrating react hot load、response data mock、api proxy
  • Preview server for built files
  • Only polyfill the used api
  • Lint and format the code in the pre-commit phase
  • Chinese docs

Installation

  • npm:
  npm install -g @angular-devkit/schematics-cli
  npm install --save-dev @3mcode/sharp-react
  • yarn:
  yarn global add @angular-devkit/schematics-cli
  yarn add -D @3mcode/sharp-react

Usage

schematics @3mcode/sharp-react:app

sharp-react

npm version

Generate a variety of react applications through schematic.

The project does not do much abstraction. Junior engineers can learn the configuration knowledge related to webpack and Babel; Experienced engineers can establish their own engineering construction scheme based on this;

Features

  • Reusable webpack chain configuration and Babel configuration based on best practices
  • Generates boilerplate: ** react16+webpack5+babel7+eslint+prettier**
  • Optional development language: ts
  • Optional css language: less || scss
  • Optional features: css moudle、redux、router
  • Optional ui lib: ant-design
  • Css processing: special browser prefix completion and flex bug fix
  • Dev server integrating react hot load、response data mock、api proxy
  • Preview server for built files
  • Only polyfill the used api
  • Lint and format the code in the pre-commit phase
  • Chinese docs

Installation

  • npm:
  npm install -g @angular-devkit/schematics-cli
  npm install --save-dev @3mcode/sharp-react
  • yarn:
  yarn global add @angular-devkit/schematics-cli
  yarn add -D @3mcode/sharp-react

Usage

schematics @3mcode/sharp-react:app
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文