使用surge部署React项目

对于我自己来说，部署前端首选vercel（几年前还叫做now）,但是最近辅导一位同学完成前端项目，项目要求必须使用surge进行部署预览。看了看这还是一个不错的部署平台，只是提供的链接没有SLL证书。

因为surge部署的是静态文件，所以部署起来还是很快的。下面就以React为例子来描述一下打包流程。

安装surge

npm install surge -g

打包项目

执行以下命令之后根目录下会生成dist文件夹，当然，根据用户自定义设置可以是public或者out等等。

yarn build
# npm run build

部署项目

cd dist # cd out or cd public

surge

然后就会输出以下内容，大致意思就是email和password随便填写，存在用户直接登录，不存在用户直接注册。

Welcome to surge! (surge.sh)

   Login (or create surge account) by entering email & password.

       email: your email

       password:

登录完成后会让你选择路径（默认当前路径）与域名，这俩默认就好，如果需要自定义修改一下就行。当终端输出：

Success! - Published to your-domain

Bingo! 访问链接就能行了～

总结

其实surge的部署过程和vercel相似，差别就是一个是打包之后上传，一个是上传之后打包。

今天的文章使用surge部署React项目分享到此就结束了，感谢您的阅读。