最近用vue在做一個項目，github用上找了一個日歷插件，intall到了本項目中，配好以后發(fā)現(xiàn)插件的樣式風格和項目總體風格相差較大，所以就像這個改一下插件風格，

第一種方法：我直接在父組件中將style標簽的scoped的屬性去掉了，在父組件中直接寫了想要的樣式，重疊樣式全部！important，結(jié)果確實生效了

第二種方法：本想這個要是樣式這么改，還有路可走；要是插件的底層方法呢，如果有對外開發(fā)的修改入口還行，要是沒有，可咋辦，于是想著能不能直接去改下這個插件，這樣直接一錘子到底，　　　

　　　　　　在node_modules中直接找到了這個插件，查閱了這

剛開始直接啥也沒管，直接改了src下的文件死活不生效

最后看了下這個插件的package.json；一看，靠，原來主文件，是dist目錄下的index.js；這個是已經(jīng)打好的用于生產(chǎn)環(huán)境的包，我改的src下的測試環(huán)境的文件，當然無效

怎么辦才能有效呢，當然是重新打包，問題的關(guān)鍵是怎樣在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拷貝覆蓋到原來那個項目下對應(yīng)的位置，覆蓋，這樣最后的效果妥妥額成功了！哈哈哈！??！

　　總結(jié)一下：

　　　　　　可以看下要修改的node_modules項目中的package.json，里面會有一個屬性，類似：

復(fù)制代碼 代碼如下:
本文名稱：vue中node_modules中第三方模塊的修改使用詳解-創(chuàng)新互聯(lián)
標題路徑：http://weahome.cn/article/ddsgjs.html