Skip to content

前端项目打包

前端项目打包

准备工作

修改生产环境的配置文件:.env.prod

  • 修改VITE_BASE_URL:填写服务器的IP地址
sh
# 示例:如果服务器的IP地址为192.168.0.73,则填写
VITE_BASE_URL='http://192.168.0.73:8000'

打包构建

使用VSCode打开前端项目,在VSCode的终端输入下面命令

sh
pnpm run build:prod

# 当看到“Build successful. Please see dist-prod directory”,表示打包成功

image-20250705093236309

打包后的输出目录:dist-prod

image-20250705093717717