vue公用组件多项目使用问题
操作步骤
若代码为私有的模块,因为某些原因不能发布到公共的npm仓库,但是又需要在多个项目间共享。
解决方法:可以在package.json中来使用git url获取特定的公用代码
1.先新建一个vue项目
`vue init webpack rzh-vue-ui`
* 1
2.在新建项目中加入公共的组件模块
如图所示,我新建了一个packages目录,在目录下加入了Hfooter组件代码,
并在packages目录下新建一个index.js用来export组件
`import Hfooter from './components/rzhui/Hfooter'
export {
Hfooter
}`
* 1
* 2
* 3
* 4
3.在package.json中添加模块的入口文件
`"module": "packages/index.js",`
* 1
4.确保项目运行无误后,将项目push到git库上。
5.再在需要的使用组件的项目的package.json文件中的devDependencies中添加组件库名和git代码地址
`"publiccomponents": "git://github.com/user/repo.git#ref",`
其中的#ref部分是可选的,它可以是一个分支(如master),标签(如0.0.1)或部分或完整的commit id。
6.执行依赖拉取,即可在node_modules中找到你的组件库
`yarn install 或 npm i`
* 1
7.再在需要使用组件的地方进行引入组件即可
import {Hfooter} from 'publiccomponents'
遇到的问题
按着以上操作创建了组件 但是在应引用
"publiccomponents": "git://github.com/user/repo.git#ref",
这一步的时候报错
Could not install from "git@gitee.com:gavinzhulei\vue-form-making.git" as it does not contain a package.json file.
求各位大佬指指点点
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论