react脚手架的build如何运行

转载：https://www.cnblogs.com/greenteaone/p/10083129.html

  "scripts": {"start": "node scripts/start.js","build": "node scripts/build.js","test": "node scripts/test.js"},

脚手架create-react-app创建的react项目，已经集成了webpack，只要运行命令：
npm run build 项目就会编译成功，生成一个build文件夹，现在问题来了，如何启动这个项目呢。

我们看到命令执行完了，会给一个操作提示如下图：

首先提醒我们要在package.json里面加上主页，接着就是全局安装serve：npm install -g serve

serve安装成功了以后，运行serve -s build 项目就启动起来了，它的固定端口是5000；那么我们想改动端口怎么办呢？运行下面的命令就可以用指定的端口启动项目了：

serve -l 2000 -s build //从2000端口启动项目

react脚手架的build如何运行相关推荐

React脚手架的安装
React脚手架是基于webpak基础,所以前提条件是安装好npm或者yarn版本管理器. 目录 yarn基于npm安装安装React脚手架步骤 React脚手架项目结构当运行React项目卡住 ...
解决react脚手架运行后多出来很多webpack的日志
我理想中的react脚手架本地运行后的结果是这样的: 但是在新的Windows笔记本用create-react-app创建react项目启动后是这样的: 这种结果的我个人感觉的缺点就是: 覆盖了项目l ...
react脚手架_react脚手架create-react-app安装与使用
create-react-app是用于搭建react项目的脚手架.它的优势在于省略了很多涉及配置的地方,能够更加容易上手. Web前端教程 1.安装与使用: 通过 npm.yarn.npx都可以 1& ...
React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含自定义hook的方法及使用
文章目录 React 入门 React 简介 React 为何物为何学习 React React 初体验来一发 Hello React 创建虚拟 DOM 的两种方式:JS 和 JSX 虚拟 DOM ...
React脚手架及CRA脚手架的使用
React 1.使用: 不能直接在浏览器运行,因为有组件系统和jsx 解决方法:webpack解析组件系统.JSX 2.React脚手架 CRA - react官方推荐使用国内:蚂蚁金服: Dva ...
react脚手架日常学习记录
文章目录一. 初始化React脚手架 1.基础相关 2.创建项目 3.脚手架项目结构 4.流程相关二. 规范相关三. input相关四. react父子组件传值五. TodoList案例小总 ...
React学习笔记3：React脚手架
使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查.jsx编译.devServe ...
基于React脚手架集成Cesium
基于React脚手架集成Cesium 文章目录基于React脚手架集成Cesium 1. 安装环境 2. 创建项目 3. 引入Cesium 4. 修改文件 5. 参考链接 1. 安装环境安装Nod ...
react 引用本地js_从零配置webpack 4+react脚手架（二）
前言: 你可能也注意到了,html文件中的关于js的引用是我们手动写的,那假如我们改了输出路径或打包编译之后的文件名,那我们岂不是还要手动去修改html文件中的引用?我们怎么做到,像create-re ...

react脚手架的build如何运行

react脚手架的build如何运行相关推荐

最新文章

热门文章