【ReactJs学习笔记】【编译生产环境的React应用】

目录

  • 目录
  • package.json
  • 本地服务器打开编译好的项目
      • 可以快速以当前路径为根目录建立服务的工具pushstate-server
  • 快捷链接

package.json

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

start:可生成一个本地服务器,运行项目
build:编译生成优化后的项目,用于生产环境上

【ReactJs学习笔记】【编译生产环境的React应用】_第1张图片
Creating an optimized production build…成功后

【ReactJs学习笔记】【编译生产环境的React应用】_第2张图片
多了一个bulid文件夹,放了应用需要的各类文件,可用本地服务器打开编译好的可放置生活环境的项目。

本地服务器打开编译好的项目

【ReactJs学习笔记】【编译生产环境的React应用】_第3张图片

//全局安装pushstate-server
cnpm install -g pushstate-server
//成功后打开
pushstate-server build

这里写图片描述
在浏览器打开以上链接或:http://localhost:9000/ 即可看到你的项目

可以快速以当前路径为根目录建立服务的工具pushstate-server

快捷链接

全部React学习笔记的目录 Click Here>>
全部Javascript学习笔记的目录 Click Here>>
Less学习笔记 Click Here>>
安利一波前端开发推荐使用的工具 Click Here>>
github各类实战练习源码下载 Click Here>>
如果你觉得我的东西能帮到你,无限欢迎给我的github库点个收藏Star~0v 0~

你可能感兴趣的:(前端(js,html,css,less),ReactJs)