【Three.js基础学习】9. go live

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

这里我们学习将上一篇实现的效果发布到线上，要发布到线上。那么这里学习的是视频是国外的教学，所以也是发到国外线上！哪怕发布成功，墙内可以也是访问不到，不知道如何翻墙的同学，可以跳过了。

https://threejstext01.vercel.app/   // 放一下我的效果，有可能访问不了！

一、打包

基于webpack，vite等可以进行将项目打包会生成dist文件。这一步不急

npm run build

二、现代托管解决方案

1.Versal

Login – Vercel // 地址

注册完成之后 ，在项目中先安装vercel

npm i vercel

然后在package.json中加入     "deploy": "vercel --prod"  这个是为了能将代码推到你注册的代码托管平台上

npm run build

然后就可以执行npm run deploy

下面将以图片展示

---

总结

这样我们就可以在线上看，自己的作品！ 不过这个托管平台，会根据你访问的人流量来决定是否收费，不过正常作品展示，是免费的！