【vue踩坑 封裝控件集 上傳npm】多個控件 封到一起 再分別提出來用

 之前封裝的寫過一篇博客了  主要看那個  就是配置要改的

大概就是 如果你新建一 統一入口的話 要在大文件夾下面寫個大的index.js

然後每個組件寫個小的index.js (所以說建立個文件夾一對一)/

然後就是外部引入的名字是那個,然後   記得.vue裏面export出去的name就是引用的那個name 

我自己的源碼:https://gitlab.33.cn/wrx/footerbar_for_npm

=========================================================

還有就是 寫的時候  搞七搞八 想叫圖片居中

最後發現最好的解決方式 竟然還是  整體的寬和高給了之後(10vh) 圖片的寬高固定(5vh)

然後 margin-top啊!一下子寫到一半就基本解決了啊!雖然很醜但是真的很實用啊!!!

=========================================================

寫是寫完了,跑麼跑不起來

1【是npm run build  不是build  run】

2 發現 no such model。。 然後後面跟着一個E開頭大寫的什麼什麼字符 找不到  那麼rebuild一下然後重啓(這個時候  我們明明是有的! 只是找不到,找不到,找不到

3 npm update失敗

神奇奇,我們在第一次安裝好之後,,,,,*********************************

package.json裏面的版本是沒變的  ,所以update 也是白update

這樣呢我們直接去改 package.json 裏面的版本 

然後重新install (要注意 這個版本需要存在 不存在是不行的) 

4  鬼鬼祟祟.....

本來 這個東東都壞了

經過我一番 亂七八糟亂七八糟瞎搗鼓 竟然還好了

是這樣的 我們看了一個非常有用的鏈接

https://blog.csdn.net/weixin_44003190/article/details/90713012

它跟我說 你可以本地打包成壓縮包試一下  這樣會好很多,然後我發現壓縮包真有效啊……

然後,照着這邊,重新修改了一下,,,目測可能是index.js 裏面 文件名的問題 導致最後引入沒生效

然後 現在全局注入 是可以的 是生效的 .... qaq

記得把 .gitignore 下面的dist目錄給去掉qvq  

行吧,差不多就這樣搞好了。。。

我先不用了-。-  我要先去看變量的知識qvq!!!!

好的吧。那麼最後保存一下鏈接,週記和整理都明天寫!

https://juejin.im/post/5b45df255188251b1d474860#heading-0 這個有點坑

https://blog.csdn.net/weixin_44003190/article/details/90713012 這個太棒了 雖然csdn

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章