使用surge部署React项目

1,793 阅读1分钟

对于我自己来说,部署前端首选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

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

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相似,差别就是一个是打包之后上传,一个是上传之后打包。