如何发布react程序?


如何发布react程序?

一、创建项目

这里采用react官方提供的脚手架 create-react-app (已自动集成webpack相关配置)

生成的项目目录结构如下:

1.jpg

现在就能使用 npm run start 开始写react 项目了

省略开发过程

二 打包

我们可以看到package.json中的快捷命令

2.jpg

分别对应项目scripts下的文件:

3.jpg

build文件就是打包项目打包的一系列配置

运行 npm run build 后项目中会多出一个build的文件夹

4.jpg

我们只需要把 build这个文件夹 放到云服务器上 即可

Image placeholder
前端答疑
未设置
  87人点赞

没有讨论,发表一下自己的看法吧

推荐文章
在Jenkins中发布react 静态项目常用shell脚本

功效:服务器git永远同步,远程,本地有更改文件或文件夹会被重置掉,保持和远程仓库一致 rsync同步文件 永久链接:https://shudong.wang/10705.html获取git远程仓库

IT程序员工资一般多少钱?薪资水平如何?

  IT程序员工资普通几钱?薪资程度如何?程序员工资依据技术程度和地域差别薪资程度有很大的差距,北上广一线城市程序员工资大都在1万元左右,随着项目经历积聚薪资也呈现上升趋向。   IT程序员工资待遇引

开源React Native组件库beeshell 2.0发布

2018年,我们开源了ReactNative组件库——beeshell1.0。时隔一年,我们对ReactNative组件库继续优化,实现beeshell2.0升级,开源38个功能。希望更好的服务社区,

如何在浏览器中获取 Production Mode 的 React 实例

https://github.com/LiuuY/Blog...在ProductionMode下,React并没有暴露其实例。无论什么原因如果你要获取的话可以参考以下方法。条件浏览器安装了ReactD

你真的了解 React 吗?这里有 50 个 React 面试问题

如果你是一位有理想的前端开发人员,并且正在准备面试,那么这篇文章就是为你准备的。本文收集了React面试中最常见的50大问题,这是一份理想的指南,让你为React相关的面试做好充分的准备工作。首先我

React Hooks 完全指南,读React作者博文感悟(2W字精华)

阅读facebook大佬:DanAbramov的文章颇有感悟大佬github地址https://github.com/gaearon 重点总结 useEffect是同步的 状态是捕获的当前props

玩转 GitHub Actions,简化 npm 发布流程

Github最近添加了一项名为GithubActions的新功能,为我们带来了一套强大的工作流系统,可以处理各种各样的任务。我们在发布Node.js包时可以使用Actions自动运行测试,然后自动将

5位女性程序员的自白:计算机不撒谎;女程序员的代码一样也很棒

谁说这个领域就是男性的天下偏见本身就是一种带标签的想法她们的世界里只信奉“computer never lies”她们认为代码漂亮比发型漂亮更重要她们到底是谁?谷悦是喜欢简单、纯粹工作的气质女神,八年

【小程序】小程序学习遇到的问题汇总(一)

之前在学习小程序的过程中碰见了不少问题,在这里汇总记录一下,本篇为第一篇。1.小程序中切换tab传值/通信问题这是切换tab遇见的问题,应用情景:每次点击某一tab时传入设定值。由于小程序每一个页面都

Oculus CTO、传奇程序员John Carmack宣布离职:我要去搞AI了!

大数据文摘出品OculusCTO,也是游戏程序员大神、开源软件倡导者JohnCarmack昨天在Facebook上宣布,将辞去公司CTO职位,只担任咨询身份。而对于下一步的打算,John也毫不掩饰,直

如何看待阿里云发布POLARDB Box数据库一体机

9月26日,2019杭州云栖大会上,阿里云宣布正式推出高性能数据库一体机POLARDBBox,这是业内首次推出基于云原生数据库的一体机。“POLARDBBox是一款跨时代的产品,打破了云数据库的服务边

最稳定可靠,PostgreSQL 12.1版本正式发布!

1.PG12.1Beta发布了!PostgreSQL全球开发组宣布,PostgreSQL12的第一个测试版(PG12.1Beta)现已开放下载。该版本中可预览的所有特性都将延续至PG12的最终版本中,

PostgreSQL 12 正式发布:全面的性能提升

PostgreSQL12已经发布,该版本在各方面都得到了加强,包括显著地提升查询性能,特别是对大数据集,总的空间利用率方面。这个版本为应用程序开发人员提供了更多的功能,比如对SQL/JSON路径表达式

1.0. 抽象工厂模式(Abstract Factory)

1.1.1.目的 在不指定具体类的情况下创建一系列相关或依赖对象。通常创建的类都实现相同的接口。抽象工厂的客户并不关心这些对象是如何创建的,它只是知道它们是如何一起运行的。 1.1.2.UML图 1

IBM Spectrum Protect 8.1.7在AIX7.1上的安装和配置

                                                本文作者: 谷铁柏摘要:    本文章主要讲述IBMSpectrumProtect8.1.7版本在AIX

React-native如何变为移动端的弄潮儿

转载本文需注明出处:微信公众号EAWorld,违者必究。引言:随着移动端对用户体验要求越来越友好,以及企业对代码能够跨平台执行的迫切需求。React-Native因此应运而生,从出生就一直备受关注。 

如何运行一个react项目?

React起源于Facebook的内部项目,因为该公司对市场上所有JavaScriptMVC框架,都不满意,就决定自己写一套,用来架设Instagram的网站。做出来以后,发现这套东西很好用,就在20

如何快速新建react项目?

创建一个react项目有三种方式:1.create-react-app快速脚手架(简单,类似于vue-cli工具)2.webpack一步一步构建3.第三方脚手架(generator-react-web

如何在cmd中下载react模板

如何在cmd中下载react模板打开cmd命令行窗口,输入npm-version,查看当前的npm版本如果npm版本是5.2以上版本,在cmd中输入npxcreate-react-appmy-app,

如何在idea中下载react

如何在idea中下载react1、首先安装Terminal插件File—>Settings—>Plugins搜索Terminal,打上勾,重启idea2、按下alt+f12打开Terminal工具3、

如何用react做增删

如何用react做增删1、使用react做一个输入框,点击提交在下面列表展示,点击对应的列表项,删除该项,如下:2、项目的数据结构,首先分析需求,一个input框,一个button,一个列表。可以把i

如何用vscode启动react项目

如何用vscode启动react项目要求:●具有nodejs环境、已安装npm●已安装vscode首先使用create-react-app脚手架创建一个项目。create-react-appdemo1

如何运行别人的react项目

如何运行别人的react项目1、从网上下载项目到本地,放在自己的工作空间中2、下载好的项目缺少项目依赖环境,我们需要自己安装。npminstall这个步骤将会新建该项目的node_modules文件夹

如何用react做一个表格

如何用react做一个表格1、首先使用React.createClass方法创建一个组件;2、在render中通过React.DOM创建table、tr、tbody标签;3、在tr标签中使用map方法

如何用react写页面跳转

如何用react写页面跳转1、使用react-router-dom中的Link实现页面跳转一般适用于,点击按钮或其他组件进行页面跳转,具体使用方式如下:import{Link}from'react-r