将 Vue 组件暴露给外部项目答案

【问题标题】：Expose Vue component to outside projects将 Vue 组件暴露给外部项目
【发布时间】：2018-06-27 08:30:53
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript npm webpack vuejs2

【解决方案1】：

你可以拥有一个私有仓库package.json

所以库有@987654323@ 组件

{
  "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

【讨论】：

嗨 Sander，我们可以添加直接文件链接，而不是在 Dev Dependencies 中添加 GIT Url。如果是这样，请让我知道添加它的方法。请建议。
嗨，Karth，您可以使用 npm link 将库从目录加载到 npm 中。 docs.npmjs.com/cli/link
谢谢 Sander，让我试试这个方法
您好 Sander，感谢您为我提供的输入。除了 scss 功能不起作用。例如@import xxx.scss 不会工作
我没有在我的单个文件组件中使用任何 sass/styles。