将 Vue 组件暴露给外部项目

Question

我正在尝试探索如何将我的 Vue 组件公开给其他项目而不发布到 NPM。

我可以找到以下链接，其中显示了如何将 Vue 组件发布到 NPM ：how-to-publish-your-vue-js-component-on-npm-62b67dfb3e58

但我不想发布到 NPM。相反，我想在另一个本地项目中使用创建的组件。

Answer 1

您可以拥有一个私人存储库

package.json

具有

.vue

组件的库存储库

package.json

{
  "name": "my-package-with-components",
  "version": "1.0.0",
  "files": [
    "lib/js/components/**.vue"
  ]
}

导入组件的项目

package.json

{
   "devDependencies": {
      "my-package-with-components": "git+ssh://git@my/repo.git#master",
   }
}

在您的应用程序中，导入 .vue 文件：

import SpecialComponent1 from 'my-package-with-components/lib/js/components/SpecialComponent1.vue';
import SpecialComponent2 from 'my-package-with-components/lib/js/components/SpecialComponent2.vue';

Vue.component('special-component-1', SpecialComponent1);
Vue.component('special-component-2', SpecialComponent2);

使用

npm link

更容易开发：

https://docs.npmjs.com/cli/v8/commands/npm-link

cd mylib/ && npm link
cd ../myapp && npm link mylib

Answer 2

不要命名你的组件....