使用react配套脚手架

npm install -g create-react-app 下载脚手架
项目创建
create-react-app my-project
进入项目
cd my-project
运行项目
npm start

项目框架

|-node_modules //项目包

|-public //一般用于存放静态文件，打包时会被直接复制到输出目录(./buidle)

|-src //项目源代码
| |-asserts //用于存放静态资源，打包时会经过 webpack 处理

| |-App.js //入口文件

| |-index //注册路由与服务

| |- serviceWorker //开发配置

|-package.json //包管理代码

|-.gitignore //Git忽略文件

项目打包

npm run build

React项目搭建和打包相关推荐

react打包服务器文件,react项目搭建及打包发布
一.创建项目 1.npm install -g create-react-app: 2.create-react-app my-app(my-app为项目名字): 这样一个react项目就初始化好了, ...
react项目搭建（基础学习笔记）
react项目搭建(基础学习) 安装局部安装 1.npm init -y或yarn init -y初始化项目 2.全局安装creact-react-app.使用npm install -D crea ...
react项目搭建，步骤最全，附源码git地址(react+router+typescript+redux+axios+antdesign+mock+eslint)
企业级react项目搭建流程,基于官网推荐脚手架create-react-app搭建的项目基本框架,在该基础上增加项目所需要的功能插件等.代码git地址base分支:https://github.co ...
React项目搭建与Echars工具使用
React项目搭建与Echars工具使用一.React项目快速搭建 1.新建文件夹 2.直接在对应目录输入 cmd ,打开终端 3.执行指令完成React应用建立二.React项目结构和分析 1. ...
SWT项目搭建、打包(可执行jar)、部署(包装exe)
简述 SWT与Eclipse插件(RCP)不同.SWT比较原生,后者是基于前者而起的一个框架,它能结合Eclipse提供的功能自动的打成一个exe的可执行文件.而SWT需要做额外的操作. 本文记述了S ...
React 项目搭建与部署，搭建Node服务器
环境配置与项目搭建安装node,官网直接下载安装webpack : npm install -g webpack 安装淘宝镜像(可选): npm install -g cnpm --regist ...
vue项目搭建及打包运行
目录一.概述二.vue推荐开发环境三.node介绍及安装 1.npm是什么: 2.node是什么 3.npm和Node.js的发展 4.node安装 5.安装vue-cli 四.新建vue项目 ...
react项目搭建--相对较全面
前言:简单记录一下第一次搭建react项目框架,之前只是在已搭建好的框架内去开发实现项目,没有自己动手搭建过,亲自动手实际操作,还遇到挺多问题的.参考了不少文献,帮助我解决并完成整个项目搭建的文献,都 ...
react 项目搭建
创建一个React项目默认电脑已经安装了npm和nodejs node 版本要至少8.0以上的使用create-react-app脚手架构建react应用程序 create-react-app是 ...

React项目搭建和打包

使用react配套脚手架

项目框架

项目打包

React项目搭建和打包相关推荐

最新文章

热门文章