【问题标题】:How to Create NPM packages from a .vue file如何从 .vue 文件创建 NPM 包
【发布时间】:2016-12-29 06:22:21
【问题描述】:

我有一个index.js 文件:

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

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

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

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

【问题讨论】:

    标签: javascript webpack laravel-5.3 vuejs2


    【解决方案1】:

    您只需要在目录中添加一个package.json 并在package.jsonmain 字段中将主入口点添加到您的组件。

    你可以看看这个简单的 npm 组件:vue-just-another-dropdown,它会给你更多的想法。

    【讨论】:

    • 当我从编译的 js 文件中导入时得到“[Vue 警告]:无法挂载组件:未定义模板或渲染函数”。
    • 你能把这个组件的整个代码贴出来吗?你在哪里使用它,可能还有其他错误。
    • @mrabbani 代替 module.exports = MyComponent; 试试 export default MyComponent
    • @mrabbani 我已经创建了一个 npm 包:vue-just-another-dropdown 你可以检查工作的example folder。我正在使用它here
    • 对于多个组件,我可以放一个mixin来导入所有组件吗?
    猜你喜欢
    • 2020-07-05
    • 2019-07-04
    • 1970-01-01
    • 1970-01-01
    • 2019-05-31
    • 1970-01-01
    • 1970-01-01
    • 2020-06-03
    • 2019-01-20
    相关资源
    最近更新 更多