How to Create NPM packages from a .vue file

Question

I have a index.js file with:

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

I want to publish this as npm package so that i can use this component by npm install my-component

When i try to test by importing component from compiled js file got [Vue warn]: Failed to mount component: template or render function not defined

But work fine when i import from .vue file.

Answer 1

You just need to add a package.json in the directory and in main field of package.json add primary entry point to your component.

You can have a look at this simple npm component: vue-just-another-dropdown, which will give you more idea.