如何把一个前端项目部署到服务器上？

Question

我在做一个前端编辑器，用户编辑好网页后可以生成一个project.zip。
在本地的话，解压project.zip用vscode打开项目，yarn start然后访问localhost：8000就行了。

现在想实现一个自动化部署并预览网页的功能，

请问手动部署的话需要什么工具包，在docker里面输什么命令，然后访问服务器地址就能看到网页了？

更新：前端跟我说不能把整个project传上去，node_module太大了，是不是还要研究用webpack打包？

Answer 1

nginx
jenkins

Answer 2

谢谢大家，最后解决方案是前端写一个网页预览模块。因为用户在前端编辑的时候就可以看到项目了，网页预览模块和这个编辑模块差不多的。还不用编译，省服务器空间。

Answer 3

纯前端项目用 nginx 如果是 docker 也是一样的有 docker nginx 指定路径就行了, 看一下文档.

Answer 4

写个shell脚本就能实现了。
本地机器的ssh公钥（~/.ssh/id_rsa.pub）配置到对应服务器（~/.ssh/authorized_keys）
然后本地执行sh命令就OK了。