npm install -g build-react
build-react init my-react
tip: 初始化项目是第一项选择项目模版提供三种类型。
init为通用项目模版,配置了常用的react工具。complete-project为完整的react项目,包括请求工具,服务转发,登录注册,复杂嵌套路由。simple-project为简单项目模版,提供了react以及react-router基本配置。
cd my-react //进入项目目录
npm install //安装项目依赖
npm start //运行项目
npm start 或者 npm run dev
npm start --o 或者npm start --open
npm run build
npm run build --a
config目录下的index.js文件为项目webpack配置文件,包括有运行端口、地址、本地服务代理配置等一系列配置。
| 名称 | 类型 | 描述 |
|---|---|---|
| host | String | 主机 |
| port | Number | 端口 |
| proxyTable | Object | 代理配置 |
| useEslint | Boolean | 是否使用eslint |
| autoOpenBrowser | Boolean | 是否自动打开浏览器 |
| errorOverlay | Boolean | 是否使用全屏报错提示 |
| notifyOnErrors | Boolean | 是否使用消息通知 |
| showEslintErrorsInOverlay | Boolean | 是否使用eslint全屏报错提示 |
| bundleAnalyzerReport | Boolean | 是否使用打包编译完成后显示依赖分析 |
