Search code examples
javascriptwebpacklaravel-5.3vuejs2

How to Create NPM packages from a .vue file

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.

Solution

  • 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.