vue中node_modules中第三方模块修改和使用的详细说明

最近我在和vue合作一个项目，github找到了一个日历插件。intall参与了这个项目。匹配后发现插件的风格和项目的整体风格有很大的不同，于是我把插件的风格改成了这样。

第一种方法：我直接去掉了父组件中样式标签的scoped属性，直接在父组件中写了想要的样式，把所有样式都重叠了！重要的是，结果确实生效了

第二种方法：我以为这样换个风格，还是有路可走的；插件的底层方法呢？如果有外部开发的修改条目，就可以了。如果没有修改条目，怎么办？所以不知道能不能直接修改这个插件，这样就可以直接一锤打到底了。

我直接在node_modules中找到了这个插件，并查找了它

刚开始的时候，我什么都不直接关心。我直接在src下更改了文件，但它并没有生效

最后，我读了package.json这个插件的。乍一看，靠，原来主文件是index.js在dist目录下；这是为生产环境键入的包。我更改的src下的测试环境文件当然是无效的

怎样做才能有效？当然是重新包装。问题的关键是如何在node_modules下重建这个插件。检查完这个插件后，这个插件完全没有node_modules依赖关系(插入github文件时会忽略Node _ Mounds文件)，所以直接在插件下面的NPM Run build会报告各种错误。

想了想，复制了这个插件包，然后用VS打开，有package.json，没有node_modules。直接安装npm这个package.json中所有标记的依赖项都已安装，然后还有依赖项。此时，更改插件src下的文件；

改变一切后，直接npm运行构建；重新生成的index.js在新的dist下；将新生成的index.js的副本覆盖到原项目下的对应位置，这样最终的效果才是令人满意和成功的！哈哈哈！

总而言之：

您可以在要修改的node_modules项目中查看package.json，其中会有一个属性，类似于：

代码复制代码如下： ' main ' : ' dist/index . min . js '，

它指的是项目的入口文件，实际上是我们日常开发项目中引用的。如果直接更改这个index.min.js，重启后就会生效。

PS:但是一般的入口文件都是打包js，很难直接更改。它们都是在更改src目录中的文件后构建的。

-问题的关键是如何在node_modules下的这个插件下构建。检查这个插件后，这个插件没有node_modules依赖关系，所以npm直接在插件下运行build来报告各种错误。解决方法是复制出来，然后直接覆盖。

-

摘要

以上是边肖介绍的vue中node_modules中第三方模块的修改和使用的详细说明，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！