如何从一个.vue文件创建NPM包

Question

我有一个包含以下内容的index.js文件：

import MyComponent from './components/MyComponent.vue';
module.exports = MyComponent;

我希望将这个组件发布为npm包，以便通过“npm install my-component”使用该组件。

当我尝试从编译后的js文件中导入组件进行测试时，会出现“[Vue warn]: Failed to mount component: template or render function not defined”错误。

但是，当我从“.vue”文件中导入组件时，它能正常工作。

- Mahbub

Answer 1

您只需要在目录中添加一个 package.json 文件，并在 package.json 中的 main 字段中添加主要入口点到您的组件。您可以查看这个简单的 npm 组件：vue-just-another-dropdown，这将给您更多的想法。

- Saurabh

---

当我从编译后的 JS 文件导入时，出现了 "[Vue 警告]: 无法挂载组件：未定义模板或渲染函数" 的错误。 - Mahbub

你能把这个组件的整个代码和你在哪里使用它的地方都贴出来吗？可能还有其他错误。 - Saurabh

尝试使用export default MyComponent代替module.exports = MyComponent;，这样可以避免使用@mrabbani。 - Saurabh

@mrabbani 我创建了一个npm包：vue-just-another-dropdown 。你可以查看 example文件夹 中的演示。我正在 这里 使用它。 - Saurabh

对于多个组件，我可以放一个导入所有组件的mixin吗？ - Almino Melo