欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中node_modules中第三方模塊的修改使用詳解

 更新時間:2019年05月31日 15:47:02   作者:Yogic  
這篇文章主要介紹了vue中node_modules中第三方模塊的修改使用,本文圖文并茂給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下

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

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

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

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

      

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

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

怎么辦才能有效呢,當(dāng)然是重新打包,問題的關(guān)鍵是怎樣在node_modules下在這個插件下重新build,查了這個插件下,根本沒有這個插件的node_modules依賴(插一句git文件到github時node_moudles文件是忽略的),所以在插件下直接npm run build各種報錯,

后來想了下,我把這個插件包拷出來,然后vs打開,不是沒有node_modules依賴嗎,有package.json。直接npm install ;這樣的package.json里面的標(biāo)寫的依賴全部安裝,然后有了依賴,這時去改這個插件src下的文件;

改好所有的一切后直接npm run build;重新生成了新的dist 下的index.js;把這個新生成的index.js拷貝覆蓋到原來那個項目下對應(yīng)的位置,覆蓋,這樣最后的效果妥妥額成功了!哈哈哈?。?!

  總結(jié)一下:

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

復(fù)制代碼 代碼如下:
      "main": "dist/index.min.js",

      表示的是該項目的入口文件,我們?nèi)粘i_發(fā)的項目中引用的其實就是這一個文件,若是直接改這個index.min.js,重啟一下就能生效。

      PS: 不過一般入口文件都是打包后的js,很難直接改,都是改src目錄下的文件后重新build。

      --------------------問題的關(guān)鍵是怎樣在node_modules下在這個插件下build,查了這個插件下根本沒有這個插件的node_modules依賴,所以在插件下直接npm run build各種報錯,解決方法是拷貝出來改好后直接去覆蓋,

      --------------------一般不建議這么干,太暴力了,另外團(tuán)隊協(xié)助時,其他隊友和服務(wù)器上的代碼不能保持一致

 總結(jié)

以上所述是小編給大家介紹的vue中node_modules中第三方模塊的修改使用詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • Vue press 支持圖片放大功能的實例代碼

    Vue press 支持圖片放大功能的實例代碼

    這篇文章主要介紹了 Vue press 支持圖片放大功能,本文通過代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-11-11
  • vue3 element-plus二次封裝組件系列之伸縮菜單制作

    vue3 element-plus二次封裝組件系列之伸縮菜單制作

    這篇文章主要介紹了vue3 element-plus二次封裝組件系列之伸縮菜單制作,是基于vue3 vite element-plus搭建的,值的注意的時候,里面的圖標(biāo)組件是經(jīng)過處理的,結(jié)合實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-01-01
  • vue使用節(jié)流函數(shù)的踩坑實例指南

    vue使用節(jié)流函數(shù)的踩坑實例指南

    防抖和節(jié)流的目的都是為了減少不必要的計算,下面這篇文章主要給大家介紹了關(guān)于vue使用節(jié)流函數(shù)踩坑的相關(guān)資料,需要的朋友可以參考下
    2021-05-05
  • 一起來學(xué)習(xí)Vue的生命周期

    一起來學(xué)習(xí)Vue的生命周期

    這篇文章主要為大家詳細(xì)介紹了Vue的生命周期,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-02-02
  • vue v-model實現(xiàn)自定義樣式多選與單選功能

    vue v-model實現(xiàn)自定義樣式多選與單選功能

    這篇文章主要介紹了vue v-model實現(xiàn)自定義樣式多選與單選功能所遇到的問題,本文給大家?guī)砹私鉀Q思路和實現(xiàn)代碼,需要的朋友可以參考下
    2018-07-07
  • 解決Vue.js 2.0 有時雙向綁定img src屬性失敗的問題

    解決Vue.js 2.0 有時雙向綁定img src屬性失敗的問題

    下面小編就為大家分享一篇解決Vue.js 2.0 有時雙向綁定img src屬性失敗的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • vue實現(xiàn)隨機(jī)驗證碼功能(完整代碼)

    vue實現(xiàn)隨機(jī)驗證碼功能(完整代碼)

    驗證碼功能在我們的身邊用處極廣,今天小編給大家分享基于vue實現(xiàn)隨機(jī)驗證碼功能,感興趣的朋友跟隨小編一起看看吧
    2019-12-12
  • vue中的inject學(xué)習(xí)教程

    vue中的inject學(xué)習(xí)教程

    本文通過實例代碼給大家介紹了vue中的inject學(xué)習(xí)教程,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧
    2019-04-04
  • 基于vue1和vue2獲取dom元素的方法

    基于vue1和vue2獲取dom元素的方法

    下面小編就為大家分享一篇基于vue1和vue2獲取dom元素的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • vue3中reactive和ref函數(shù)及對比分析

    vue3中reactive和ref函數(shù)及對比分析

    這篇文章主要介紹了vue3中reactive和ref函數(shù)及對比,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2024-01-01

最新評論