npm run *** 上传 dist 到 github

最新推荐文章于 2025-06-30 08:00:00 发布
原创 最新推荐文章于 2025-06-30 08:00:00 发布 · 393 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #github #前端

    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
关注
npm run build报Cannot find module错误的解决方法
邓邓子的博客
09-20 1213
删除 node_modules 目录，再重新执行 npm install build 后问题解决。
vue中npm run build打包编译的一系列操作
周家大小姐
05-03 3万+
从package.json 中可以看出，npm run build，其实是执行了 node build/build.js，我们在build文件夹中找到build.js，build主要的工作是：检测node和npm版本，删除dist包，webpack构建打包，在终端输出构建信息并结束，如果报错，则输出报错信息。 'use strict' require('./check-versions')(...
npm run build 自动生成dist.zip
无知者无畏
04-16 1325
npm 自动打包dist.zip
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...
13 个 npm 快速开发技巧
LuckyWinty的博客
07-17 469
来源 |http://www.fly63.com/article/detial/4015每天，数以百万计的开发人员使用npm或 yarn 来构建项目。运行npminit或npx ...
npm run build 后自动压缩dist文件成ZIP文件
weixin_43968658的博客
11-07 7442
项目每次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 1910
1 运行命令报错 2 解决办法：copy build文件，部署到tomcat中，可以访问，该错误并不影响功能使用。
使用npm run build，npm run make 打包后怎么运行生成的yaml文件
03-26
- **构建工具分析**：`npm run build` 通常用于编译项目（如生成静态文件到 `dist/` 目录），而 `npm run make` 可能关联到特定框架（如 Electron Forge 或 CLI 工具）生成安装包或配置文件。 - **YAML 文件的作用*...
vue2.0+ 从插件开发到npm发布的示例代码
08-27
Vue 2.0+ 插件开发到npm发布的流程涵盖了从创建项目、编写插件代码、测试、打包到发布到npm仓库的整个过程。这里我们将详细介绍每个步骤。 1. **初始化项目** 使用`vue init webpack-simple vue-pay-keyboard`命令...
centos7 npm run build报错，window本地打包正常
Turbo的博客
11-22 4262
1、centos7 npm run build报错，window本地打包正常 报错的错误类型可能是如下: ERROR in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{&a
package-lock.json 作用
weixin_30660027的博客
07-10 113
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文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）
NPM如何只发布打包后的dist
LanJu的博客
12-18 4713
首发于语雀文档 前言 因为项目要求，我写了一个基于 umi-request 的统一请求插件，但公司的私有库尚未搭建起来，虽然可以暂时通过 webpack alias 别名引用的方式解决，但为了其他同学能快速拉到我的插件，我只能暂时先只将 dist 上传到 npm 仓库上。 一共有两种方式。 .npmignore（黑名单方式） pkg.files（白名单方式） 黑名单方式 .npmignore 即：在项目根目录下新建一个名称为 .npmignore 的文件，使用与 .gitignore 一样的.
如何将你的前端项目上传到Github仓库并且部署
小孙不够睡的博客
03-03 853
如何将你的前端项目上传到Github仓库并且部署
【webpack执行npm run dev后dist文件被清空】
qq_43542681的博客
08-16 1548
轻松解决webpack执行npm run dev后dist文件被清空的BUG
如何用github的gh-pages分支展示自己的项目
yan_yuanfeng的博客
03-14 1908
1.先用npm安装 gh-pages npm install gh-pages --save-dev 2.修改package.json文件 3.修改config目录下的index.js build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.re...
如何快速启动npm run build 后的dist文件呢？
欢迎来到我的频道~
10-23 1万+
(1)通过npm run build 打包后会出现如下： tips: 提示我们打包完的项目，必须要在http server 下才能运行。 （2）安装http server。 进入 dist 文件夹，然后启动一个http服务即可。 或者，你现在已经到apache 里面进行配置去了。 其实也可以不用那么麻烦，我们有nodejs环境，只要安装全局 http-server 服务就好了呀。(*...
前端的dist包放到后端springboot项目下一起打包
tiger19114844的博客
10-31 1838
前后端分离项目如何不分离部署
Vue3 npm run build后使用http-server 查看dist文件效果
最新发布
m0_48968874的博客
06-30 379
摘要： 前端项目打包后，直接打开index.html可能显示空白页。解决方法是使用http-server启动本地服务查看效果： 进入dist目录，通过命令行安装http-server（npm install http-server -g）； 启动服务并指定端口（如http-server -p 8000）； 浏览器访问http://127.0.0.1:8000即可预览。此方法避免路径错误，确保资源正常加载。更多技巧可关注公众号“前端小知识营地”。
每次打开页面都要npm run serve
04-02
每次打开页面都需要运行 `npm run serve`，是因为这是前端开发环境的一个常见工作流程。以下是详细的解释： ### 背景知识 1. **什么是 npm** npm 是 Node.js 的包管理工具，它可以帮助开发者安装、管理和更新项目所需的依赖库。 2. **什么是 npm run serve** `npm run serve` 是通过 npm 配置好的脚本命令，用于启动本地开发服务器。这个命令通常出现在 Vue 或 React 等基于 Webpack 构建的前端项目中。 3. **为什么需要每次都运行此命令** - 开发阶段使用的文件通常是未经过打包优化的源码。 - 运行 `npm run serve` 后会启动一个热更新的本地服务器（如 http://localhost:8080），允许你在修改代码后实时查看效果。 - 如果关闭了终端或者停止了服务进程，则该本地服务器不再运行，因此再次访问时需要重新启动。 --- ### 解决方案（如果想避免每次都手动执行） 如果你希望减少操作步骤，可以尝试以下几种方法： #### 1. 使用生产模式直接部署静态资源 当你完成开发并构建好最终版本时，可以运行以下命令生成静态文件： ```bash npm run build ``` 这将把你的应用打包成可以在生产环境中运行的文件，并存储到项目的 `dist` 文件夹下。你可以把这些文件上传至任何支持静态网站托管的服务商平台（例如 GitHub Pages、Netlify 等）。 #### 2. 自动化任务配置 利用一些自动化工具来监控文件变化自动重启服务，比如 [nodemon](https://www.npmjs.com/package/nodemon) 或者更高级的任务调度系统。 #### 3. 设置快捷键或批处理文件 在 Windows 上创建 `.bat` 批处理文件，在 macOS/Linux 中创建 Shell Script 来简化命令输入过程。 --- ### 总结 总之，“每次打开页面都需 npm run serve” 是正常现象，尤其在开发环境下。但可以根据需求选择合适的方式优化体验！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值