vue 修改 node_modules 内的插件依赖包

最新推荐文章于 2024-08-14 13:25:35 发布

jdjfjgfdgdfg

最新推荐文章于 2024-08-14 13:25:35 发布

阅读量2.8k

点赞数

分类专栏：前端文章标签： vue js html es6 node.js

本文链接：https://blog.csdn.net/jdjfjgfdgdfg/article/details/118548906

版权

前端专栏收录该内容

16 篇文章 1 订阅

订阅专栏

当项目中依赖包的功能不满足需求时，可以通过复制到项目目录并修改来定制。本文介绍了如何将ag-grid-enterprise.cjs.js文件复制到src/assets/dist，并进行修改，同时确保修改后的文件生效，通过在vue.config.js中配置路径实现热加载。通过浏览器日志验证修改已成功调用。

摘要由CSDN通过智能技术生成

当我们安装的依赖包某些不满足我们的需求时，我们需要对其进行某些少量的改动。
改动不大，但是又不影响依赖插件其他的更新。

在自己项目的node_modules里面找到自己要修改的依赖包文件ag-grid-enterprise.cjs.js ：
项目/node_modules/ag-grid-enterprise/dist/ag-grid-enterprise.cjs.js
ag-grid-enterprise.cjs.js这个文件就是自己需要修改的文件
在这里插入图片描述

把这个文件拷贝出来放到自己的项目目录下如：
项目/src/assets/dist/ag-grid-enterprise.cjs.js，根据自己的需要对这个文件进行修改。如果ag-grid-enterprise.cjs.js内有引入其他依赖的文件的插件记得一起把这些路径统一修改到对应的依赖路径。否则功能缺少
为确保自己修改的文件是否起作用：自己在代码中打印一个

console.log("---------------  ^_^ -------------------");

在这里插入图片描述

在项目/node_modules/ag-grid-enterprise 这个依赖包中找到引用ag-grid-enterprise.cjs.js这个文件的路径：如
在这里插入图片描述
在项目中拦截这个文件的路径并替换我们修改文件的路径
对项目/vue.config.js 文件进行修改：

重新启动项目 npm run dev

浏览器日志打印出数据证明已经成功调用到自己修改的文件了。