Node脚本实现批量打包Vue项目(child_process子进程、window)

前言

前几天用pnpm+workspace实现了monorepo,也就是单仓库多个项目,并且互相之间可能存在一定的联系。所以就存在一个打包的问题,也就是说,我想在打包某个特定子项目时,其他项目也执行build的命令。主要用到的是node的child_process子进程,话不多说,下面开始讲解,最后放出源代码。

第一步:创建&联系

创建顾名思义就是创建一个Js文件,js文件可以先cosole.log(1),并且用node test.js去测试一下。看能不能跑通
在这里插入图片描述
其中xx.js中的xx就是我们js的名称,如果能够正确打印,即可建立联系。
建立联系的方法也非常简单,找到我们当前项目的package.json,然后在script属性中定义一个新的属性,这里我定义的就是batch,这个属性值就是,node xx/js,如果js文件和package.json文件不是同级别的,比方说它是在同级test文件夹,那么我设定属性值为 node ./test/xx.js就ok了.

最后,在终端输入npm run batch.输出1,就成功了

第二步 写node脚本

写这个脚本都需要用到哪些内容:
1.当前工作路径,便于后续更改工作路径。 答案:const path = require(')
2.运行CMD命令的方法。 答案:const { execSync } = require(‘child_process’);
3.修改工作路径的方法。答案:const process = require(‘process’)

首先先运行当前项目脚本

try {execSync('pnpm run build', { stdio: 'inherit' });console.log('出口项目构建成功');
} catch (error) {console.error('出口项目构建失败', error);return;
}

再运行其他项目,这里用到了path.join来拼接另一个项目的工作路径,再用process.chdir来更改工作路径。最后打包。

try {const targetDirectory = path.join(__dirname, '../', '../', '../', 'packages', 'miniProject');process.chdir(targetDirectory);execSync('pnpm run build', { stdio: 'inherit' });console.log('构建成功');
} catch (error) {console.error('构建失败', error);return;
}

最后就成功实现了。
https://nodejs.cn/api/process/process_chdir_directory.html
https://nodejs.cn/api/child_process.html#child_processexecsynccommand-options
https://nodejs.cn/api/path.html

console.log('测试是否成功启动')
try {execSync('pnpm run build', { stdio: 'inherit' });console.log('出口项目构建成功');
} catch (error) {console.error('出口项目构建失败', error);return;
}
try {const targetDirectory = path.join(__dirname, '../', '../', '../', 'packages', 'miniProject');process.chdir(targetDirectory);execSync('pnpm run build', { stdio: 'inherit' });console.log('构建成功');
} catch (error) {console.error('构建失败', error);return;
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/54709.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

HDLBits中文版,标准参考答案 | 3.2.5 Finite State Machines | 有限状态机(2)

关注 望森FPGA 查看更多FPGA资讯 这是望森的第 17 期分享 作者 | 望森 来源 | 望森FPGA 目录 1 Lemmings 1 2 Lemmings 2 3 Lemmings 3 4 Lemmings 4 5 One-hot FSM | 独热 FSM 6 PS/2 packet parser | PS/2 数据包解析器 7 PS/2 packet parser anddatapath | PS/2 数…

机器学习课程学习周报十五

机器学习课程学习周报十五 文章目录 机器学习课程学习周报十五摘要Abstract一、机器学习部分1. 统计推断与贝叶斯推断2. GMM和EM算法补充3. 马尔可夫链蒙特卡罗法3.1 蒙特卡罗法3.2 马尔可夫链3.3 Diffusion模型中的马尔可夫链 总结 摘要 本周的学习涵盖了统计推断和贝叶斯推断…

C语言 | Leetcode C语言题解之第468题验证IP地址

题目&#xff1a; 题解&#xff1a; char * validIPAddress(char * queryIP) {int len strlen(queryIP);if (strchr(queryIP, .)) {// IPv4int last -1;for (int i 0; i < 4; i) {int cur -1;if (i 3) {cur len;} else {char * p strchr(queryIP last 1, .);if (p…

演讲干货整理:泛能网能碳产业智能平台基于 TDengine 的升级之路

在 7 月 26 日的 TDengine 用户大会上&#xff0c;新奥数能 / 物联和数据技术召集人袁文科进行了题为《基于新一代时序数据库 TDengine 助力泛能网能碳产业智能平台底座升级》的主题演讲。他从泛能网能碳产业智能平台的业务及架构痛点出发&#xff0c;详细分享了在数据库选型、…

怎么选择合适的数据恢复软件?适用于 Windows 的数据恢复软件对比

针对 Windows 的领先数据恢复软件的全面回顾&#xff1a; 丢失重要数据对任何 Windows 用户来说都是一场噩梦。从意外删除到系统崩溃&#xff0c;数据丢失是一个非常普遍的问题。值得庆幸的是&#xff0c;有强大的数据恢复工具可以帮助找回丢失的文件。这篇评论深入探讨了适用于…

编译链接的过程发生了什么?

一&#xff1a;程序的翻译环境和执行环境 在 ANSI C 的任何一种实现中&#xff0c;存在两个不同的环境。 第 1 种是翻译环境&#xff0c;在这个环境中源代码被转换为可执行的机器指令。 第 2 种是执行环境&#xff0c;它用于实际执行代码 也就是说&#xff1a;↓ 1&#xff1…

R语言绘制折线图

折线图是实用的数据可视化工具&#xff0c;通过连接数据点的线段展示数据随时间或变量的变化趋势。在经济、科学、销售及天气预报等领域广泛应用&#xff0c;为决策和分析提供依据。它能清晰呈现经济数据动态、助力科学研究、反映企业销售情况、预告天气变化&#xff0c;以简洁…

std::list

std::list是C标准库中的一个序列容器&#xff0c;它提供了双向链表的功能。std::list允许在序列的任何位置高效地插入和删除元素&#xff0c;而不会引起其他元素的移动&#xff0c;这使得std::list在需要频繁插入和删除操作的场景中非常有用。 std::list的特性&#xff1a; 双…

阿里140滑块-滑块验证码逆向分析思路学习

一、声明&#xff01; 原创文章&#xff0c;请勿转载&#xff01; 本文内容仅限于安全研究&#xff0c;不公开具体源码。维护网络安全&#xff0c;人人有责。 文章中所有内容仅供学习交流使用&#xff0c;不用于其他任何目的&#xff0c;均已做脱敏处…

使用Go语言的gorm框架查询数据库并分页导出到Excel实例(包含源代码,可以直接运行)

文章目录 基本配置配置文件管理命令行工具: Cobra快速入门基本用法生成mock数据SQL准备gorm自动生成结构体代码生成mock数据查询数据导出Excel使用 excelize实现思路完整代码参考入口文件效果演示分页导出多个Excel文件合并为一个完整的Excel文件完整代码基本配置 配置文件管理…

Javascript 普通非async函数调用async函数

假设我们有一个异步函数 async function asyncFunction() {console.log("开始执行异步函数");await new Promise(resolve > setTimeout(resolve, 1000)); // 模拟异步操作console.log("异步函数执行完毕"); } 我们在调用这个异步函数时&#xff0c;比…

【差分数组】个人练习-Leetcode-3229. Minimum Operations to Make Array Equal to Target

题目链接&#xff1a;https://leetcode.cn/problems/minimum-operations-to-make-array-equal-to-target/description/ 题目大意&#xff1a;给出两个数组nums[]和target[]&#xff0c;可以对nums[]数组进行这样两种操作 给某个区间内的子列全加1给某个区间内的子列全减1 求…

C语言从头学66—学习头文件 <stdio.h>(二)

关于可变参数&#xff0c;我们曾经在《C语言从头学27》中接触过&#xff0c;下面学习能够接收可变参数作为 参数的几个函数。 一、printf函数的能够接收可变参数的变体函数&#xff1a; 1、函数vprintf() 功能&#xff1a;按照给定格式&#xff0c;将可变参数中的内容输…

Java 用属性名称字符串获取属性对象

一、场景分析 java 中没有 python 一样的方法&#xff0c;通过属性名称直接获取属性值。 getattr(obj, name[, default]) : 访问对象的属性。 getattr(student, name) java 中有 Map, 可以实现类似功能&#xff0c;但是如果我们现在有一个对象&#xff0c;要通过Map的方式获…

九大排序之交换排序

1.前言 所谓交换&#xff0c;就是根据序列中两个记录键值的比较结果来对换这两个记录在序列中的位置&#xff0c;交换排序的特点是&#xff1a;将键值较大的记录向序列的尾部移动&#xff0c;键值较小的记录向序列的前部移动。 重点&#xff1a; 冒泡排序和快速排序 2.冒泡排…

React Fiber 详解

why Fiber React Fiber的引入主要基于以下几个方面的考虑&#xff1a; 性能提升&#xff1a; 传统React的更新过程是同步的&#xff0c;一旦开始更新就会阻塞浏览器的主线程&#xff0c;直到整个组件树更新完成。这在处理大型组件树或高频用户交互时&#xff0c;可能会导致界…

数组合并与排序练习题

题目 给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2&#xff0c;另有两个整数 m 和 n &#xff0c;分别表示 nums1 和 nums2 中的元素数目。 请你 合并 nums2 到 nums1 中&#xff0c;使合并后的数组同样按 非递减顺序 排列。 注意&#xff1a;最终&#xff0c;合并后数…

OpenCV库模块解析

1.OpenCV库每个模块解析 2.OpenCV的常用函数 它为计算机视觉应用程序提供了一个通用的基础设施&#xff0c;并加速了在商业产品中使用机器感知。作为BSD许可的产品&#xff0c;OpenCV使企业可以很容易地利用和修改代码。该库拥有超过2500个优化算法&#xff0c;其中包括经典和最…

量子概率云:微观世界中的不确定性与概率分布

量子概率云&#xff1a;微观世界中的不确定性与概率分布 摘要&#xff1a; 量子力学的核心之一是概率描述的引入&#xff0c;即粒子的位置和动量不能同时确定&#xff0c;而是在一个概率云中分布。本文探讨了量子概率云的理论基础、数学描述及其在电子云和粒子波函数中的应用。…

【基础介绍】【OCR】

注&#xff1a;若有冒犯&#xff0c;请问候留言&#xff0c;会尽快删除。 文章目录 注&#xff1a;若有冒犯&#xff0c;请问候留言&#xff0c;会尽快删除。背景介绍OCR基本概念介绍基础实现算法深度学习方法1. CNN&#xff08;卷积神经网络&#xff09;2. RNN&#xff08;循环…