如何详细修改vue项目中node_modules下的第三方模块？

本文共计956个文字，预计阅读时间需要4分钟。

最近用vue做项目，在github上找到一个日历插件，安装到项目中后，发现插件样式和项目整体风格差异较大，所以想改一下插件风格，使其与项目更协调。第一种方法：我直接修改插件中的样式文件。

最近用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。