node怎么解析vue代码_vue中node_modules中第三方模块的修改使用详解

最近用vue在做一个项目，github用上找了一个日历插件，intall到了本项目中，配好以后发现插件的样式风格和项目总体风格相差较大，所以就像这个改一下插件风格，

第一种方法：我直接在父组件中将style标签的scoped的属性去掉了，在父组件中直接写了想要的样式，重叠样式全部！important，结果确实生效了

第二种方法：本想这个要是样式这么改，还有路可走；要是插件的底层方法呢，如果有对外开发的修改入口还行，要是没有，可咋办，于是想着能不能直接去改下这个插件，这样直接一锤子到底，

在node_modules中直接找到了这个插件，查阅了这

刚开始直接啥也没管，直接改了src下的文件死活不生效

最后看了下这个插件的package.json；一看，靠，原来主文件，是dist目录下的index.js；这个是已经打好的用于生产环境的包，我改的src下的测试环境的文件，当然无效

怎么办才能有效呢，当然是重新打包，问题的关键是怎样在node_modules下在这个插件下重新build，查了这个插件下，根本没有这个插件的node_modules依赖(插一句git文件到github时node_moudles文件是忽略的)，所以在插件下直接npm run build各种报错，

后来想了下，我把这个插件包拷出来，然后vs打开，不是没有node_modules依赖吗，有package.json。直接npm install ;这样的package.json里面的标写的依赖全部安装，然后有了依赖，这时去改这个插件src下的文件；

改好所有的一切后直接npm run build;重新生成了新的dist 下的index.js；把这个新生成的index.js拷贝覆盖到原来那个项目下对应的位置，覆盖，这样最后的效果妥妥额成功了！哈哈哈！！！

总结一下：

可以看下要修改的node_modules项目中的package.json，里面会有一个属性，类似：

"main": "dist/index.min.js",

表示的是该项目的入口文件，我们日常开发的项目中引用的其实就是这一个文件，若是直接改这个index.min.js，重启一下就能生效。

ps：不过一般入口文件都是打包后的js，很难直接改，都是改src目录下的文件后重新build。

--------------------问题的关键是怎样在node_modules下在这个插件下build，查了这个插件下根本没有这个插件的node_modules依赖，所以在插件下直接npm run build各种报错，解决方法是拷贝出来改好后直接去覆盖，

--------------------一般不建议这么干，太暴力了，另外团队协助时，其他队友和服务器上的代码不能保持一致

总结

以上所述是小编给大家介绍的vue中node_modules中第三方模块的修改使用详解，希望对大家有所帮助

希望与广大网友互动？？

点此进行留言吧！

node怎么解析vue代码_vue中node_modules中第三方模块的修改使用详解相关推荐

Node.js中的不安全跳转如何防御详解
为什么80%的码农都做不了架构师?>>> Node.js中的不安全跳转如何防御详解导语: 早年在浏览器大战期间,有远见的Chrome认为要运行现代Web应用,浏览器必须有一个 ...
数据结构图文解析之：哈夫曼树与哈夫曼编码详解及C++模板实现
0. 数据结构图文解析系列数据结构系列文章数据结构图文解析之:数组.单链表.双链表介绍及C++模板实现数据结构图文解析之:栈的简介及C++模板实现数据结构图文解析之:队列详解与C++模板实现 ...
java8 方法引用详解_Java8中如何通过方法引用获取属性名详解
前言在我们开发过程中常常有一个需求,就是要知道实体类中Getter方法对应的属性名称(Field Name),例如实体类属性到数据库字段的映射,我们常常是硬编码指定属性名,这种硬编码有两个缺点. ...
python数组相减_对Python 中矩阵或者数组相减的法则详解
对Python 中矩阵或者数组相减的法则详解最近在做编程练习,发现有些结果的值与答案相差较大,通过分析比较得出结论,大概过程如下: 定义了一个计算损失的函数: def error(yhat,labe ...
emule中节点加入Kad网络过程（源代码详解）【对原文部分改进】
from: http://blog.csdn.net/chenbuaa/article/details/2301656 emule中节点加入Kad网络过程(源代码详解) 程序启动: EmuleDlg. ...
android启动页使用gif,android中使用react-native设置应用启动页过程详解
一.背景在我们使用react-native进行编写代码的时候,当启动应用的时候,我们会看到如下界面然而,这样的启动界面是非常的不又好,那么我们该怎么进行处理启动界面呢?有如下两种方案二.方案 1 ...
vue获取dom元素与修改样式详解
vue中如何获取dom元素呢? 步骤详解在标签上加上ref属性如 : 在js中通过 this.$refs.加ref的值便可以获取dom 如:this.$refs.refDemo 修改对应的样式名 ...
java中属性文件读取案例_java相关：Spring中属性文件properties的读取与使用详解
java相关:Spring中属性文件properties的读取与使用详解发布于 2020-6-3| 复制链接摘记: Spring中属性文件properties的读取与使用详解实际项目中,通常将一些 ...
JAVA中希尔排序去的讲解_java 中基本算法之希尔排序的实例详解
java 中基本算法之希尔排序的实例详解希尔排序(Shell Sort)是插入排序的一种.也称缩小增量排序,是直接插入排序算法的一种更高效的改进版本.希尔排序是非稳定排序算法.该方法因DL．Shel ...

node怎么解析vue代码_vue中node_modules中第三方模块的修改使用详解

node怎么解析vue代码_vue中node_modules中第三方模块的修改使用详解相关推荐

最新文章

热门文章