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拷贝覆盖到原来那个项目下对应的位置,覆盖,这样最后的效果妥妥额成功了!哈哈哈!!!

vue中node_modules中第三方模块的修改使用详解

  总结一下:

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

复制代码 代码如下:
网页名称:vue中node_modules中第三方模块的修改使用详解-创新互联
当前地址:http://bzwzjz.com/article/ddsgjs.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: app网站建设 网站设计 网站制作 成都网站制作 重庆企业网站建设 成都网站设计公司 成都商城网站制作 营销型网站建设 重庆企业网站建设 泸州网站建设 成都网站设计 H5网站制作 成都网站建设 成都商城网站建设 企业网站设计 成都网站建设 网站制作公司 温江网站设计 重庆外贸网站建设 网站建设公司 成都企业网站设计 成都定制网站建设