本地开发的前端项目打包发布到托管平台

本地发布更新到 Netlify ，有好几种方式。

使用 Netlify CLI

安装 Netlify CLI：

npm install -g netlify-cli

登录 Netlify：

netlify login

在项目根目录初始化：

netlify init

选择 “Link this directory to an existing site”，然后选择你的站点。

构建并部署：

# 构建项目
npm run build

# 部署到生产环境
netlify deploy --prod --dir=dist

使用 Git 自动部署

将项目推送到 GitHub

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/你的用户名/你的仓库名.git
git push -u origin main

在 Netlify 控制台连接 GitHub 仓库

• 登录 Netlify
• 找到你的站点设置
• 连接到 GitHub 仓库
• 设置构建命令：npm run build
• 设置发布目录：dist

以后只需推送代码：

git add .
git commit -m "更新描述"
git push

Netlify 会自动构建和部署。

手动上传

构建项目：

npm run build

在 Netlify 控制台手动上传 dist 文件夹