build-react-cli一個React項目腳手架工具

build-react-cli

build-react-cli是幫助你快速建立生成react項目的腳手架工具，配置了多種可選擇的不一樣類型項目模版。

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配置文件，包括有運行端口、地址、本地服務代理配置等一系列配置。

名稱	類型	描述
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