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包,已经成功