npm run *** 上传 dist 到 github

于 2024-06-05 14:35:52 发布
阅读量289 收藏
点赞数 3
文章标签： npm github 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs_dn_Jie/article/details/139471723
版权
    1. 安装 gh-pages
    1. 在package.json 中新建一条 上传命令
    • “upload-build”: “gh-pages -d dist -r https://github.com/******.git -b main”,
    • dist 默认名称 可以自定义
    • 仓库地址 看自己的分支地址 复制自行修改
    • main 分支名 可以自定义
    1. 项目修改后 打包后 生成 dist 文件 后执行 npm run upload-build 会把代码推送到 对应的代码仓库里的 main 分支

基于 github pages 搭建的站点

cs_dn_Jie
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue cli 3.x 项目部署到 github pages的方法
10-17
这个脚本会执行 `npm run build` 来打包项目，然后初始化 Git 仓库，添加所有文件，提交并推送到 GitHub Pages 分支。 ```bash # deploy.sh # 错误时停止 set -e # 打包 npm run build # 进入目标文件夹 cd...
vue项目打包后上传至GitHub并实现github-pages的预览
11-28
命令行输入打包命令npm run build，生成了dist文件夹： 打包完成。 打包常见问题1——项目资源无法加载 打开刚刚打包好的dist文件夹，浏览器打开index.html 发现该页面是空白的，打开控制台发现 这里看到...
npm run build之后生成的dist如何扔到服务器运行（npm run build之后如何本地运行）
热门推荐
Zack_ZXY的博客
07-13 10万+
运行npm run build之后，会生成一个dist文件夹，里面的目录结构大概是这样的：生成完的文件我们怎么来运行呢？直接在本地打开inde.html是无法运行的，打包的时候有提示：构建文件应该通过HTTP服务器提供服务。所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器，下面用Apache Tomcat和Nginx为例，分别运行一下。一、Apche Tomcat1、下载Apch...
npm run build 自动生成dist.zip
最新发布
无知者无畏
04-16 641
npm 自动打包dist.zip
13 个 npm 快速开发技巧
LuckyWinty的博客
07-17 411
来源 |http://www.fly63.com/article/detial/4015每天，数以百万计的开发人员使用npm或 yarn 来构建项目。运行npminit或npx ...
npm run build 后自动压缩dist文件成ZIP文件
weixin_43968658的博客
11-07 6946
项目每次npm run build 后都要将dist文件压缩成zip包，可用 filemanager-webpack-plugin 插件实现自动化压缩 先安装插件 npm install filemanager-webpack-plugin --save-dev vue2.x 在 build/webpack.base.config.js 内找到 module.exports。 然后在plugins...
npm run dist 打包部署报错
a913396的博客
09-01 1830
1 运行命令报错 2 解决办法：copy build文件，部署到tomcat中，可以访问，该错误并不影响功能使用。
vue项目实现github在线预览功能
08-27
另外一种办法是采用 GitHub 的 gh-pages 分支制作 GitHub Pages，只把 `dist` 添加到 gh-pages 分支，这样就把源代码和页面预览文件分开了（先把本地的 `dist` 文件夹删除，再上传到 GitHub，更新 master 分支）。...
vue项目打包上传github并制作预览链接（pages）
12-03
npm run build 实际上此命令就是执行build.js文件，将项目打包成静态资源。 此命令完成后，项目根目录下会多出一个dist文件夹，dist文件里面有： static文件下包括项目打包后的css、js、img、fonts(字体图标)。 ...
GitHubEduWorkshop:GitHub上的计算机科学课程
05-04
GitHub上的计算机科学课程 ...运行npm run build将演示文稿构建到dist文件夹中。 您可以将此dist文件夹放在网络服务器上以发布材料。 在内容创建期间运行npm start以进行更改以进行构建并使用本地开发服务器进行服务
package-lock.json 作用
weixin_30660027的博客
07-10 76
package.json里面定义的是版本范围（比如^1.0.0），具体跑npm install的时候安的什么版本，要解析后才能决定，这里面定义的依赖关系树，可以称之为逻辑树（logical tree）。 node_modules文件夹下才是npm实际安装的确定版本的东西，这里面的文件夹结构我们可以称之为物理树（physical tree）。 安装过程中有一些去重算法，所以你会发现逻辑树结构...
vue项目npm run build打包dist文件及打包后空白的解决方法
qq_52126119的博客
11-15 1万+
要想将vue的移动端项目打包成手机的app软件apk格式，首先要将项目打包出dist文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）
【webpack执行npm run dev后dist文件被清空】
qq_43542681的博客
08-16 1310
轻松解决webpack执行npm run dev后dist文件被清空的BUG
如何快速启动npm run build 后的dist文件呢？
柠檬不萌只是酸i
10-23 9155
(1)通过npm run build 打包后会出现如下： tips: 提示我们打包完的项目，必须要在http server 下才能运行。 （2）安装http server。 进入 dist 文件夹，然后启动一个http服务即可。 或者，你现在已经到apache 里面进行配置去了。 其实也可以不用那么麻烦，我们有nodejs环境，只要安装全局 http-server 服务就好了呀。(*...
nginx运行npm run build后生成的dist文件
学敲代码的Stars的博客
10-07 2778
nginx运行npm run build后生成的dist文件 安装前置资源 $ yum -y install gcc pcre-devel zlib-devel openssl openssl-devel 安装nginx $ cd /usr/local $ wget -c https://nginx.org/download/nginx-1.9.9.tar.gz $ tar -zxvf nginx-1.9.9.tar.gz 配置nginx $ cd nginx-1.9.9 $ ./configure -
VUE前端代码 执行 npm run build 后 生成dist里面的文件后，如何访问。如何提供给后台使用。
xinhuazhongxue的博客
08-27 1万+
build 之后会生成一个dist目录。打包完命令行是不是这样提示了： Build complete. Tip: built files are meant to be served over an HTTP server. //打包的文件要在http server下运行 Opening index.html over file:// won’t work. //直接打开这个文件不会生效 所以呢，...
npm run “项目名”,一个极其大的坑（不认真导致的）
厚积薄发
05-19 2418
    在终端上面，tab通常都是一键补全的作用，今天因为tab犯了一个极其傻的错误。    这是我输入的命令及报错的原因，仔细一看实际很明显，让我们去日志里看。                                           日志里面的错误信息都在下面这里了。    经过一系列的查找，为什么会有verbose stack 的错误呢 ？然后以为node的问题，各种...
vue项目可以部署到GitHub吗
05-15
这将告诉GitHub Pages将Vue项目的编译文件部署到`dist`文件夹中。 5. 最后，运行以下命令： ``` npm run deploy ``` 这将自动将Vue项目的编译文件推送到`gh-pages`分支中，并在GitHub上部署您的Vue应用程序...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值