vue中node_modules中第三⽅模块的修改使⽤详解
最近⽤vue在做⼀个项⽬，github⽤上了⼀个⽇历插件，intall到了本项⽬中，配好以后发现插件的样式风格和项⽬总体风格相差较⼤，所以就像这个改⼀下插件风格，
第⼀种⽅法：我直接在⽗组件中将style标签的scoped的属性去掉了，在⽗组件中直接写了想要的样式，重叠样式全部！important，结果确实⽣效了
第⼆种⽅法：本想这个要是样式这么改，还有路可⾛；要是插件的底层⽅法呢，如果有对外开发的修改⼊⼝还⾏，要是没有，可咋办，于是想着能不能直接去改下这个插件，这样直接⼀锤⼦到底，  　
      在node_modules中直接到了这个插件，查阅了这
刚开始直接啥也没管，直接改了src下的⽂件死活不⽣效
最后看了下这个插件的package.json；⼀看，靠，原来主⽂件，是dist⽬录下的index.js；这个是已经打好的⽤于⽣产环境的包，我改的src下的测试环境的⽂件，当然⽆效
git使用详解怎么办才能有效呢，当然是重新打包，问题的关键是怎样在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中第三⽅模块的修改使⽤详解，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。