Vue封装组件并发布到npm仓库(保姆级教程)

作者: 小猪课堂分类: 野生技能协会 发布时间: 2022-01-19 19:16:07 浏览:16384 次

Vue封装组件并发布到npm仓库(保姆级教程)

jijibboom:
三连三连, 也想请教一个问题,我这边基于 Vue + AntDesignVue 封装了一些组件,但是打包之后会把这两个依赖都打包装进去,实际这两个依赖在最终仓库中已经安装,这里不想合并打包的话如何处理呢? 谢谢赐教 :-)

【回复】其实这不矛盾,最终打包出来的都是一堆js文件,而且基于Vue封装得组件,通常只用于Vue项目,所以依赖通常来说都要打进去,这样才具有独立性。
我爱900:
你把package.json放在pig-ui下,每次打包都会清除之前的文件,那岂不是每次都要重新npm init来生成 package.json。

【回复】你好,我也遇到了这个问题,请问您的问题解决了么。有什么解决方案么
入门bug程序猿:
以三连,想请教一个问题 vue组件通过npm发布后,img的src链接不到应该怎么解决

【回复】回复 @入门bug程序猿 : 您好,请问有按需引入的方法嘛,我比较菜[委屈]
【回复】回复 @储沫沫哒哒 :将图片转成base64
【回复】我也是,请问有解决办法了嘛
托灬马斯:
是我需要学的,感觉很实用。[汤圆]关注+三联。

sun哟西:
很干,开发以外的技术能力提升,感谢分享,但是我有个疑问:npm打包的vue项目有一个param的全局参数,这个参数作用于所有的组件,假设B项目install后,能不能在B项目对param进行配置

跟着菜鸟学前端:
你好请问一下,我到你的打包命令这里就报错了:"package":"vue-cli-service build --target lib ./src/components/index.js --name wjui --dist wjui",这个命令,然后报这个错:Error: Cannot find module 'D:\coding\my-introduce\node_modules\node-libs-browser\node_modules\punycode\punycode.js'. Please verify that the package.json has a valid "main" entry

不要开黄枪:
怎么将组件所引用的scss文件以及js文件也跟着打包呀?

沐沐茶壶:
如何实现像element-ui多个组件按需引入?

若一言:
如果我想只单独引用某个组件要怎么引入。不要全局的那种

【回复】给每个组件单独写个index导出就行了
【回复】请问实现了嘛,在线求方法[笑哭]
Miaoaa--:
如何发布可以按需引入的组件库,有啥思路吗[脱单doge]

TroubleQin:
我想问一下 他们那些npm包很多的详解是怎么加上去的 比如怎么使用 怎么引用这些

细狗研究所:
为什么import PigUi from "pig-ui-test";找不到包的路径,需要用相对路径找才行

小金鹏呀:
三连支持,请问一下vue组件上传npm公服和npm私服的步骤是一样的吗? 如果不一样有什么区别呢

【回复】基本是一样的,私服的话也有私服的账号
SuperFan_武武:
三连支持! 你好想请教一个问题,如何把单独的一个服务上传到npm,这个服务也可以看作一个项目,就是有很多组件构成,包括路由,vuex等!

【回复】回复 @小金鹏呀 : 如果是个人的搭建的npm 可以先在你们搭建的服务哪里注册一个账号, 和不是npm官方,然后把 发表命令指向你的私库就行npm publish --registry http://localhost:4873/ 应该就可以
【回复】三连支持,请问一下vue组件上传npm公服和npm私服的步骤是一样的吗? 如果不一样有什么区别呢
【回复】可以自己注册npm,把服务打包上传到npm即可了
介是一个逗比:
vue封装的插件,其他框架可以复用吗,有大佬知道不[弹幕破百亿]

【回复】vue的组件肯定只有vue可以用啊,vue2和vue3的组件都不通用的呢

教育 学习 自定义组件 组件封装 经验分享 Vue 学习心得 npm

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!