1. 在packages下创建组件文件夹, 用于存放组件

2. 在packages下创建index.js文件, 引用所有组件, 示例代码如下:

import xTable from "./x-table";
import "./css/index.scss"

const components = [
  xTable
];

const install = function(Vue) {
  components.forEach(component => {
    Vue.component(component.name, component);
  });
};

if (typeof window!== "undefined" && window.Vue) {
  install(window.Vue);
}

export default {
  version: "1.1.1",
  xTable,
  install
};

3. 在package.json 文件新增打包命令, target: 改为 lib 可启用构建库模式应用模式,name: 构建库输出的文件名;,dest: 构建的输出目录默认为 dist；entry: 打包入口文件路径；修改private属性为 false,

 "lib": "vue-cli-service build --target lib --name xzj-echarts --dest xzj-table ./src/packages/index.js"

4. 在打包后生成文件目录下打开cmd, 输入命令登录私服,用户名: user,密码: 1234@abcD, 邮箱: [email protected]

npm login --registry=http://192.168.18.107:8081/repository/xzj-npm/

5. 登录成功后输入命令上传插件

npm publish --registry=http://192.168.18.107:8081/repository/xzj-npm/

6. 上传后登录私服网址查看是否成功

7. 安装本地私服插件命令

npm install xzj-table --registry=http://192.168.18.107:8081/repository/xzj-npm/

安装完成后在项目main.js文件中引用组件和样式

import xzjTable from 'xzj-table'
import 'xzj-table/dist/xzj-table.css'
Vue.use(xzjTable)