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

发布时间：2020-12-15 06:27:14 所属栏目：百科来源：网络整理

导读：build-react-cli build-react-cli是帮助你快速创建生成react项目的脚手架工具，配置了多种可选择的不同类型项目模版。 Installation npm install -g build-react Usage build-react init my-react tip：初始化项目是第一项选择项目模版提供三种类型。 init

build-react-cli

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

Installation

npm install -g build-react

Usage

build-react init my-react

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

init为通用项目模版，配置了常用的react工具。
complete-project为完整的react项目，包括请求工具，服务转发，登录注册，复杂嵌套路由。
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配置文件，包括有运行端口、地址、本地服务代理配置等一系列配置。

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

Github or Npm

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!