将Vue组件公开给外部项目

Question

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

我可以找到以下链接，该链接显示了如何将Vue组件发布到NPM：如何发布您的vue-js-component-on-npm-62b67dfb3e58

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

Answer 1

您可以在其中拥有一个私有存储库 package.json

因此库与.vue组件

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

在您要使用这些组件的项目中

{
   "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中加载库 npm link

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