组件库文档发布到vercel
# vercel 是什么?
vercel (opens new window) 是国外的一家云服务公司,提供在线打包和部署服务,目前暂时没有收费。对于组件库这种静态网站来说(如果是公司提供了服务器另当别论),基本就是纯展示,能使用免费肯定就用免费的。
# 如何使用 vercel?
使用 vercel 的原因之一就是如果你会使用 Gitlab
、Github
之类的代码托管网站,你就会发现 vercel 的使用特别简单,因为它支持你从 Gitlab
、Github
导入仓库。我们看看具体的操作步骤:
# 1. 注册账号
直接使用我们自己的 Github
账号就行了,
# 2. 导入Github仓库
直接输入Github仓库的链接就行,vercel会自动将代码拉取下来。
# 3. 填写项目的信息
填写完毕后,直接点 deploy
发布就可以了。
注意
发布目录是项目根目录下面的 public
文件夹 或者 dist
文件夹。
# 如何管理项目
发布后,管理项目的页面如下图。
# 修改默认的配置
指定发布的项目的框架:
# 自定义构建命令
这个配置非常重要,解释下红框的两个配置项:
- build command 指定发布时打包的命令 默认是执行
npm run build
- output directory 发布的目录
提示
配置后,需要打开后面的 override
,表示覆盖默认的配置。
# 指定根目录和node版本
这样,文档就发布成功了。
编辑 (opens new window)
上次更新: 2021/10/16, 11:22:25