# 构建与预览

## 构建

项目开发完成之后，可以执行 `pnpm run build` 命令进行构建，构建成功后会生成 `apps/<app>/dist/` 文件夹，里面就是构建好的文件。

如果构建的是测试环境，则生成的文件夹为 `apps/<app>/dist-test/` 。

:::tip
如果最终访问地址为域名非根节点，如 `https://www.example.com/app`，则需要在 `apps/<app>/vite.config.ts` 中设置 `base` 选项为 `/app/`，否则会出现资源引用错误。
:::

## 预览

生成好的 dist 文件夹一般需要部署至服务器才算部署发布成功，但为了保证构建出来的文件能正常运行，开发者通常希望能在本地先预览一下，可执行 `pnpm run serve` 命令预览不同环境的构建产物。
