如何修改npm包

devtools/2024/11/15 17:24:02/

前言

开发中遇到一个问题,配置 Element Plus 自定义主题时,添加了 ElementPlusResolver({ importStyle: "sass" }) 后,控制台出现报错,这是因为 Dart Sass 2.0 不再支持使用 !global 来声明新变量,虽然当前不影响使用,但是后续会废弃此写法。

本文介绍如何修改npm

在这里插入图片描述

如果某些 npm 包无法直接满足需求,可以对其进行修改,常见的有以下几种方式:

  • 手动修改 node_modules 下的文件
  • patch
  • fork package 需要自己维护

修改node_modules

优点:简单快捷
缺点:每次执行 npm install 或 yarn install 时,node_modules 会被重置,修改会丢失

patch

通过 patch-package 进行修改

如果只需要做一些简单的修改并希望避免直接修改 node_modules,可以使用 patch-package 来保持对包的修改。它允许你在不修改源代码的情况下生成差异补丁,并将这些补丁应用到 node_modules 中。

安装 patch-package:

npm install patch-package --save-dev

修改你需要的 npm 包文件
创建补丁文件:

npx patch-package [包名]

将生成的补丁文件提交到版本控制系统。
在 package.json 的 scripts 中添加补丁应用命令:

"scripts": {"postinstall": "patch-package"
}

每次执行 npm install 后,patch-package 会自动应用补丁。

fork

如果修改的包较复杂,或者希望在项目中长期使用修改版的包,最好的方法是将该包进行 fork(分叉)到自己的 GitHub 仓库中,并发布为一个新的 npm 包。

步骤:

  • 在 GitHub 上 fork 该第三方包的源代码。
  • 在本地克隆 fork 后的仓库并进行修改。
  • 修改完成后,将更改推送到你的 GitHub 仓库。
  • 在你的项目中使用 npm install 安装该包,你可以通过 GitHub 地址直接安装:
npm install github:[你的用户名]/[包名]#[分支名]

或者,也可以发布修改后的包到 npm,使用自己的包名:

npm publish

http://www.ppmy.cn/devtools/134215.html

相关文章

研究生如何远控实验室电脑?远程办公功能使用教程

如果你是研究生,是不是会遇到需要远程控制实验室电脑进行查看文献、调代码和拉数据的时候?有时候就是这么棘手,不过你可以借助一些工具来帮助你随时随地远控实验室电脑。这样就不用担心导师催促,无法及时完成科研了。常见的工具比…

golang使用etcd版本问题

报错:如下与新版本的grpc包冲突,当前引入的etcd版本为旧版本。 go: common/modules/etcd importsgo.etcd.io/etcd/clientv3 tested bygo.etcd.io/etcd/clientv3.test importsgithub.com/coreos/etcd/auth importsgithub.com/coreos/etcd/mvcc/backend i…

在 Windows 11 中使用 MuMu 模拟器 12 国际版配置代理

**以下是优化后的教学内容,使用 Markdown 格式,便于粘贴到 CSDN 或其他支持 Markdown 格式的编辑器中: 在 Windows 11 中使用 MuMu 模拟器 12 国际版配置代理 MuMu 模拟器内有网络设置功能,可以直接在模拟器中配置代理。但如果你不确定如何操作,可以通过在 Windows 端设…

贪心算法理论

一、贪心算法的理论基础 1. 基本概念 贪心算法是一种在每一步选择中都采取当前状态下的最优决策的算法策略。它并不考虑整体的最优解是如何构成的,而是基于一种局部最优的选择原则,期望通过一系列局部最优的决策最终累积得到全局最优解。 2. 适用条件…

【Cesium】自定义材质,添加带有方向的滚动路线

【Cesium】自定义材质,添加带有方向的滚动路线 🍖 前言🎶一、实现过程✨二、代码展示🏀三、运行结果🏆四、知识点提示 🍖 前言 【Cesium】自定义材质,添加带有方向的滚动路线 🎶一、…

LeetCode题练习与总结:随机数索引--398

一、题目描述 给你一个可能含有 重复元素 的整数数组 nums ,请你随机输出给定的目标数字 target 的索引。你可以假设给定的数字一定存在于数组中。 实现 Solution 类: Solution(int[] nums) 用数组 nums 初始化对象。int pick(int target) 从 nums 中…

git同步fork和原始仓库

git同步fork和原始仓库 在使用Fork的情况下,保持你的Fork与原始仓库(上游仓库)同步是一项重要的维护任务,特别是当你想要持续贡献或保持你Fork中的项目更新时。以下是详细的步骤,指导你如何将Fork与上游仓库同步&…

websocket初始化

websocket初始化 前言 上一集我们HTTP的ping操作就可以跑通了,那么我们还有一个协议---websocket,我们在这一集就要去完成我们websocket的初始化。 分析 我们在初始化websocket的之前,我们考虑一下,我们什么时候就要初始化我们…