主题
构建与预览
构建
项目开发完成之后,可以执行 pnpm run build
命令进行构建,构建打包成功之后,会在相应的目录下生成 dist
文件夹,里面就是构建打包好的文件。
❯ 🍰 请选择要执行打包命令的系统(可多选)
│ ● admin (基础项目模板)
│ ○ rbac (权限管理系统)
└
如果是需要构建测试环境,则执行 pnpm -F 你要选择的包名称 run build:test
命令,对应会在根目录生成 dist-test
文件夹。例如
bash
pnpm -F @pubinfo/rbac run build:test
预览
生成好的 dist
文件夹一般需要部署至服务器才算部署发布成功,但为了保证构建出来的文件能正常运行,开发者通常希望能在本地先预览一下,可执行 pnpm -F @pubinfo/xxx run serve
或 pnpm @pubinfo/xxx run serve:test
命令预览不同环境构建出的文件夹。
压缩
在环境配置文件里设置 VITE_BUILD_COMPRESS
即可在构建时生成 .gz
或 .br
文件。
bash
# 单独开启 gzip
VITE_BUILD_COMPRESS = gzip
# 单独开启 brotli ,brotli 是比 gzip 压缩率更高的算法
VITE_BUILD_COMPRESS = brotli
# 或者也可以都开启,两者可以共存
VITE_BUILD_COMPRESS = gzip,brotli
提示
两者均需要 nginx 安装指定模块并开启后才会生效。
生成存档 beta
目前总是会在构建完成后在子模块下生成一个 构建名称.zip
的压缩包,以便于后续的存档。
其它设置
bash
# 是否在打包时生成 sourcemap
VITE_BUILD_SOURCEMAP = true