build-react-cli一个React项目脚手架工具

发布时间:2019-06-05 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了build-react-cli一个React项目脚手架工具脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

build-react-cli

build-react-cli是帮助你快速创建生成react项目的脚手架工具,配置了多种可选择的不同类型项目模版。

Demonstration

Installation

npm install -g build-react

usage

build-react inIT my-react

tip: 初始化项目是第一项选择项目模版提供三种类型。

  1. init为通用项目模版,配置了常用的react工具。
  2. complete-PRoject为完整的react项目,包括请求工具,服务转发,登录注册,复杂嵌套路由。
  3. simple-project简单项目模版,提供了react以及react-router基本配置。
初始化项目完成以后
cd my-react //进入项目目录
npm install //安装项目依赖
npm start //运行项目

command

启动项

npm start 或者 npm run dev

启动项目后自动打开浏览器(传入 --o 参数)

npm start --o 或者npm start --oPEn

打包项目

npm run build

打包项目并查看分析项目大小

npm run build --a

config

config目录下的index.js文件为项目webpack配置文件,包括有运行端口、地址、本地服务代理配置等一系列配置。

@H_126_120@ 名称 类型 描述 host String 主机 port Number 端口 ProxyTable Object 代理配置 useEslint Boolean 是否使用eslint autoOpenbrowser Boolean 是否自动打开浏览器 errorOverlay Boolean 是否使用全屏报错提示 notifyOnErrors Boolean 是否使用消息通知 showEslintErrorsInOverlay Boolean 是否使用eslint全屏报错提示 bundleAnalyzerReport Boolean 是否使用打包编译完成后显示依赖分析

Github or Npm

Github or Npm

脚本宝典总结

以上是脚本宝典为你收集整理的build-react-cli一个React项目脚手架工具全部内容,希望文章能够帮你解决build-react-cli一个React项目脚手架工具所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。