React项目部署至github预览

  • 在github创建仓库
  • 用create-react-app搭建框架,并提交代码
  • 安装gh-pages库
npm install gh-pages --save-dev
  • package.json添加
"scripts": {
    "deploy": "gh-pages -d build"
  },
"homepage": "./"
  • 如果项目中有public下的数据地址,需要将其地址改为你的github名称

如"/datas/shandongpopu.geojson"->dataUrl: "/github名称/datas/shandongpopu.geojson"

  • 执行npm run build打包
  • 执行npm run deploy部署程序至github
  • 具体内容参见我的github项目:ONEGISER/react-app-publish-github
  • 预览地址:山东省人口分布图 (onegiser.github.io)

你可能感兴趣的:(React,react.js,github,前端)