vue项目自动打包提交代码到git

本文介绍了如何在Vue项目中实现自动打包并提交代码到Git仓库。通过使用shelljs插件执行shell脚本,可以在打包完成后自动处理Git提交操作,从而简化生产环境的上线流程。主要包括修改.gitignore以包含dist目录,执行build命令,然后再次修改.gitignore将dist移除,并执行git提交。
摘要由CSDN通过智能技术生成

没有发布机的情况下,生产环境每次上线打包都需要

  • 本地dist在gitignore注释掉,
  • 在执行打包命令,
  • 再提交dist的代码到git上,
  • 在把gitignore的dist修改回去
    重复性工作很多。所以可以优化打包流程,从打包到自动提交git。
  1. 下载shelljs ,插件可以执行shell脚本,方便打包提交代码的git指令操作。(shelljs是异步执行的)
    package.json
"build--prod": "node ../../handleDeployer.js production",
  1. 先修改gitignore忽略文件,把dist文件放开,再执行build命令,这一步主要就是修改忽略文件,因为node里很多操作都是异步的,所以拆开两个js,也可以合并成一个。
    handleDeployer.js
require("shelljs");

console.log("shelljs");
const shell = require("shelljs");
shell.exec(`rm -rf dist/`);
const fs = require("fs");
const path = require("path");

fs.readFile(path.join(__dirname, ".gitignore"), "utf8", function (err, data) {
   
    if (err) throw err;
    let newContent = data.replace("/projects/crm/dist", 'zhanweifu');
    fs.writeFile(
        path.join(__dirname, ".gitignore"),
        newContent,
        "utf8",
        (err) => {
   
            if (err) throw err;
            console.log("success done");
            const shell 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建完Vue项目后,如果想要自动连接到Git,可以按照以下步骤进行操作: 1. 在项目文件夹中打开命令行工具(如cmd或Git Bash)。 2. 输入以下命令来配置Git的用户名和邮箱: ``` git config --global user.name "用户名" git config --global user.email "邮箱" ``` 3. 执行以下命令来初始化Git仓库: ``` git init ``` 4. 使用以下命令将所有文件添加到Git的暂存区: ``` git add . ``` 5. 执行以下命令来提交代码到本地仓库,并添加描述信息: ``` git commit -m "描述信息" ``` 6. 如果还没有创建远程仓库,可以在Git平台上创建一个新的仓库,并获取远程仓库地址。 7. 使用以下命令将本地仓库与远程仓库关联起来: ``` git remote add origin 远程仓库地址 ``` 8. 最后,执行以下命令将本地代码推送到远程仓库的主分支: ``` git push origin master ``` 这样,你的Vue项目就会自动连接到Git,并将代码推送到远程仓库的主分支。 #### 引用[.reference_title] - *1* *2* [本地vue项目连接远程仓库](https://blog.csdn.net/weixin_61032994/article/details/124898313)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue新建项目+git托管+初始配置+项目打包优化](https://blog.csdn.net/qq_41550143/article/details/129150254)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值