【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

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