厦门网站建设首选厦门一联网络指数搜索
前言
开发中遇到一个问题，配置 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