# 使用 Serverless 部署前端应用

无论选择 vercel、netlify 还是 alioss 部署前端应用，以下三项配置都是必不可少的:

[build]
  # 项目的根目录，及 npm 命令执行的目录
  base = ""

  # 将要服务化的静态文件，也是打包后生成的目录
  publish = ".vuepress/dist"

  # 打包命令
  command = "npm run build"

# Serverless 部署

在腾讯云的 Serverless 中，需要配置文件来部署应用。部署纯前端页面的话，需要使用一个 tencent-website 的组件，并使用以上配置进行部署。

以下是使用 vuepress 搭建我的博客的 Serverless 配置文件，在根目录新疆配置文件 serverless.yaml，配置如下:

component: website # (必填) 引用 component 的名称，当前用到的是 tencent-website 组件
name: shanyue-blog # (必填) 该 website 组件创建的实例名称

inputs:
  src:
    src: .
    index: index.html
    dist: .vuepress/dist
    hook: npm run build
    # websitePath: ./
  region: ap-guangzhou
  bucketName: my-bucket
  protocol: https

执行命令前设置两个环境变量(我偷懒直接全部扔到了 bashrc 下)，在腾讯云的账号体系中可以找到：

export TENCENT_SECRET_ID=shanyue-id
export TENCENT_SECRET_KEY=shanyue-key

万事俱备只欠东风，一个命令搞定：

$ sls

# 使用 Serverless 部署前端应用

# Serverless 部署

# 更多