vue公用组件多项目使用问题

Question

操作步骤

若代码为私有的模块，因为某些原因不能发布到公共的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 "[email protected]:gavinzhuleivue-form-making.git" as it does not contain a package.json file.

求各位大佬指指点点

Answer 1

等待大神解答