npm run push命令配置

最新推荐文章于 2024-08-13 07:12:34 发布
最新推荐文章于 2024-08-13 07:12:34 发布
阅读量942 收藏
点赞数
分类专栏： Vue.js 文章标签： rsync远程同步 rsync -rl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34663267/article/details/119958508
版权
通过在package.json中配置'push'脚本，结合vue-cli-servicebuild和rsync-rl命令，实现了Vue项目的自动化打包并一键上传到测试服务器，避免了手动打包和传输的繁琐步骤，提高了开发效率。
摘要由CSDN通过智能技术生成

vue项目打包部署测试，要发不到测试服务器，原始方法是直接本地：npm run build打包成dist，然后把dist传到测试服务器，这样有个弊端，每次本地修改都需要打包，上传。于是我想到了rsync远程同步，在package.json里面配置"push"，使用命令：npm run push一键打包上传～ 简直不要太方便。
1.配置：
在package.json里面，找到"scripts"，在最后一行加上：

"push": "vue-cli-service build  && rsync -rl ./dist/ root@11.123.20.41:/usr/local/test_dist"

在这里插入图片描述

这个里面分了两步：

  1. 打包：npm run build
  2. rsync远程同步（用法类似于cp命令(本地传输））：rsync -rl

2.rsync远程同步：rsync远程同步

前热火球员LeBron James
关注
专栏目录
npm run build:具体
weixin_34295316的博客
12-25 4738
npm run 流程图 配置文件的流程图 主要配置文件概述 "sit": "cross-env NODE_ENV=production env_config=sit node build/build.js", "uat": "cross-env NODE_ENV=production env_config=uat node build/build.js", "prod": "cross-env ...
一个docker内不同参数执行个npm run
tryyourbest0928的博客
10-21 1103
/www/wwwroot # cat Dockerfile FROM node:12.18.0-alpine3.11 ARG NPM_RUN_ARG=build ARG NPM_RUN_ARG_TWO=build-storybook RUN apk add nginx tzdata RUN ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime ADD . /www/wwwroot/ WORKDIR /www/wwwroot/ #RUN ya
（配置）npm的配置文件（一）
次顶级的博客
01-03 1378
npm相关配置知识，属性介绍
npm install
最新发布
m0_46695127的博客
08-13 890
npm install
npm 发布
weixin_43294560的博客
01-31 142
1、发布前准备: 对项目做 冒烟测试 单元测试和测试覆盖率 持续集成如TravisCL 2、发布 (1)package.json的name字段即为包名 (2)npm login 若无注册npm账号 (2)npm publish 3、版本更新 运行更新命令后 git push origin master npm publish ...
npm配置和常用命令
weixin_44201223的博客
05-21 2190
NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于后端的Maven。
example-githooks:将 git hooks 与 npm run 脚本和 Surge 结合使用的示例
06-03
Git 钩子示例 将 git hooks 与和一起使用的示例。 入门 要试用此示例，请克隆项目... " pre-push " : " npm run deploy " } }, " scripts " : { " deploy " : " surge --project ./ --domain my-project.surge.sh " }
mpvue入坑之npm run dev卡住
热门推荐
听风看海的博客
04-23 1万+
问题描述 在构建一个mpvue项目的完毕之后，并且把依赖包都下载完成之后需要npm run dev运行项目，但是问题来了，既然卡死不动了。问题出现在mpvue小程序开发中。 场景复现 $ npm run dev > mytools@1.0.0 dev O:\newproject\mytools > node build/dev-server.js wx 到了这里就卡死不动了， c...
npm-run-help:列出可用的`npm run`脚本
04-29
npm-run-help 列出可用的。 安装 首次下载： ... "deploy": "git checkout gh-pages && git merge --no-edit master && npm run build && git push && git checkout -", "test": "echo \"Error: no te
idea解决running pre-commit hook: npm run precommit
weixin_45932704的博客
03-26 3313
今天在写代码时用idea提交到git的时候总是提交失败，也是第一次遇到这个问题，真的头疼，查了很多文档和网页也是终于解决了这个问题，下面给大家说一下我的解决方法，避免大家踩坑。 原因：大概是有一个钩子，提交前检查项目代码的规范，eslint的检查。提交失败的原因：项目中error过多，导致检测未通过，提交失败。 方法一（针对用git命令行提交）： 打开项目所在的.git文件夹，删除hooks目录下的pre-commit文件，然后在本地用git命令行提交，在commit时加上 --no-verify，如：g
npm-git:命令行工具，直接compile & push到git仓库
06-21
npm-git use private git(gitLab,bitbucket,etc) instead of npm use npmgit publish instead of npm publish command line, compile & push to your git repo Install npm install npm-git -g Why? 想实现私有的npm，通常是2种方案： npmjs.com即将推出的： & 可指定有权使用package的用户，也就是你可以npm publish @mycorp/mypkg，而mypkg源码可以放在任何git仓库。 结合GitHub企业版，更完美了。 ，维护比较复杂，不推荐。 而以上2种方案，都还是需要自行管理源码：git仓库，即开发者至少需要2步才能完成1个package的发布： git commit && git pu
npm push 指定的文件/目录
galoiszhou的博客
07-31 408
在使用 npm 发布包时，你可能只希望将编译后的文件推送到 npm registry，而不是整个项目目录。
nrm/npm/npm run xxx....安装/配置/查看/切换...详解记录
czj1049561601的博客
02-24 587
1. nrm基本知识 nrm是一个NPM源管理器，能够快速的在各NPM源间切换 nrm: 1:nrm（npm registry manager）是npm的镜像管理工具，有时候国外的资源太慢，使用这个就可以快速地在npm源间切换。 2:同时，当我们在公司任职工作时，可能需要使用公司的特有源 3:于是，便捷的查看和切换的重要性就出现了 2. nrm安装 在命令行执行命令，npm install -g nrm，全局安装nrm 成功截图如下： 3. 查看所有可选的源 nrm ls //执行命
[问题探讨]VUE项目为新环境配置新的npm run打包命令
tom_wong666
11-05 552
需求：VUE项目为新环境配置新的npm run打包命令，为此命令定义专属环境变量，比如预发布环境npm run preDeploy STEP1：先上图解释npm run build命令如何获取环境变量 1，npm run build命令调用 build文件夹中的build.js 2，build.js调用了build文件中的webpack.prod.conf.js 3，webpack.prod....
vue push html,vue中实现JavaScript桌面消息通知（push.js）
weixin_39603357的博客
06-23 397
依赖库：push.jsnpm安装：npm install push.js --save第一步：获取弹出消息的权限页面：login.vue代码如下：import Push from 'push.js'created(){Push.Permission.request();},第二步：推送桌面通知消息页面：header.js(或其它使用页面)代码如下：import Push from 'push.js...
前端项目(webstorm)使用npm脚本可自动执行docker镜像
顾丽江的专栏
12-02 913
docker-build-run-push npm脚本可自动执行docker镜像。 一种简单的方法，可以执行典型的构建，运行docker映像并将其从节点项目推送到私有docker repo或公共docker hub的顺序。 使用package.json中的名称和版本号来保持Docker映像名称和版本对齐。 用法 在您的项目中，执行 npm install docker-build-r...
使用npm上传包教程
温壁
06-08 1553
1、首先拥有自己的上传文件，例如 class lc{ constructor(){ this.arr = []; } map(){ this.arr.map((item)=>{ console.log(item); }); } add(item){ this.arr.push(item); } } module.exports = lc; 2、新建一个文件夹，
自定义封装组件打包发布到npm（ts）
菠萝萝的博客
08-23 1982
自定义组件的打包和发布（npm）
run `npm audit` for details.
08-30
这样，每次在执行`git push`命令前，都会先运行测试和审核。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* [better-npm-audit:NPM审核处理程序]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值