将Vue组件暴露给外部项目

时间:2018-01-18 09:57:12

标签: javascript npm webpack vuejs2

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

我能够找到以下链接,其中显示了如何将Vue组件发布到npm https://medium.com/js-dojo/how-to-publish-your-vue-js-component-on-npm-62b67dfb3e58

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

任何链接或教程都会有所帮助

1 个答案:

答案 0 :(得分:4)

您可以在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 link

的目录在NPM中加载库
cd mylib/ && npm link
cd ../myapp && npm link mylib