前端打包发布

这篇博客记录了前端项目的发布流程,包括使用npm run build进行打包,通过Xshell和Xftp上传dist文件夹,修改readme文件以及更新版本号。作者在学习过程中详细介绍了每个步骤,适合初学者参考。
摘要由CSDN通过智能技术生成

前端发布

记录自己的学习

下载可视化工具
Xshell、Xfpt 下载 与 安装
免费许可证下载地址:https://www.xshell.com/zh/free-for-home-school/
1,、填写姓名与邮箱地址,选择是需要两者,还是只需 Xshell,或者只需 Xftp,然后点击"下载"按钮。
2、然后会收到邮件,其中提供了正式下载的软件链接地址,点击链接即可正式下载软件,软件中已经含有了免费的许可证,所以后期安装后无需输入许可证。
在这里插入图片描述
打包
npm run build
一、在项目文件package.json中找到build打包命令
打包好之后项目目录中会有一个dist文件夹
在这里插入图片描述
因为我的打包命令已经被修改了,所以我需要在这里面找。

二、把打包好的dist文件拖到Xftp上面
项目目录
在这里插入图片描述
Xftp

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值