vue 生成发布包,如何从.vue文件创建NPM包

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.

解决方案

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.