1. 组件封装

   src下新加package文件夹,用来存放组件,我们来封装一个按钮

 

2. 引入到app.vue 进行检验组件是否正常 

 

 

3. 使用Vue插件模式

    重点:用到了Vue提供的install公共方法,会在被调用也就是Vue.use(plugin)时被调用,这样插件就能全局注册  

   在package目录中新建index.js文件,代码  

 4. 组件打包

   修改package.json 文件

打包命令解释:

  --target lib 指定打包目录

 --name 打包后的文件名字

 --dest 打包后的文件夹的名字

然后执行命令

npm run package

打包完成后生成打包后文件

5,上传

在myui 文件夹下初始化一个package.json文件:

进入myui目录,执行 npm init -y

注册登录npm 网站    

本地这是npm源

npm config set registry=https://registry.npmjs.org 

然后命令行本地登录npm

npm adduser

发布npm

npm publish

然后就能够在npm网站中找到上传发布的这个包

6.引用

   npm install myui(这个是上传的包名)

   

 然后就可以使用啦