如何从.vue文件创建NPM软件包

Mah*_*bub 4 javascript webpack laravel-5.3 vuejs2

我有一个index.js 文件:

import MyComponent from './components/MyComponent.vue';
module.exports = MyComponent;
Run Code Online (Sandbox Code Playgroud)

我想将其发布为npm package以便可以通过以下方式使用此组件npm install my-component

当我尝试通过从已编译的js文件导入组件进行测试时 [Vue warn]: Failed to mount component: template or render function not defined

但是,当我从.vue文件导入时,工作正常。

Sau*_*abh 5

您只需要package.json在目录和字段中package.json添加一个,即可向组件添加主入口点。

您可以看一下这个简单的npm组件:vue-just-another-dropdown,它将带给您更多的想法。

  • @mrabbani我创建了一个npm软件包:[vue-just-another-dropdown](https://www.npmjs.com/package/vue-just-another-dropdown)您可以检查正在使用的[example文件夹](https ://github.com/mimani/vue-just-another-dropdown/tree/master/example)。我正在[这里]使用(https://github.com/mimani/vue-just-another-dropdown/blob/master/example/just-another-vue-app/src/components/Hello.vue#L18) 。 (2认同)