脚本宝典收集整理的这篇文章主要介绍了build-react-cli一个React项目脚手架工具,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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配置文件,包括有运行端口、地址、本地服务代理配置等一系列配置。
@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
以上是脚本宝典为你收集整理的build-react-cli一个React项目脚手架工具全部内容,希望文章能够帮你解决build-react-cli一个React项目脚手架工具所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。