Coder Social home page Coder Social logo

reactprojects's Introduction

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 是否使用打包编译完成后显示依赖分析

reactprojects's People

Contributors

740470290 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.