1、首先创建目录
使用使用webpack-simple创建目录结构

入口文件名为index.js
package.json 里面添加
"main": "./src/index.js",
index.js里面写:
import Login from './Login.vue'
Login.install = function(Vue){
Vue.component(Login.name, Login)
}
export default Login;
此时一个vue 的npm包已经开发完成
在此文件夹里面,运行
npm link
对应的效果是:

调试
再此使用 webpack-simple init一个文件夹,命名为examples
在此文件夹下面,运行
npm link (package name)

main.js里面引入相应的package 包
注:因为包里面使用的install方法注册组件,所以引入的时候要使用Vue.use()方法引入组件
至此,本地测试npm包,已经成功
本文介绍如何使用webpack-simple创建Vue组件npm包,包括目录结构设置、package.json配置、组件导入与注册,以及如何在本地进行调试和测试。

1734

被折叠的 条评论
为什么被折叠?



