npm项目创建打包发布

https://blog.csdn.net/qq_36256944/article/details/80459383

// # /packages/phone-bar/index.js
// 导入组件，组件必须声明 name
import phoneBar from './src/phoneBar.vue'

// 为组件提供 install 安装方法，供按需引入
// colorPicker.install = function (Vue) {
//   Vue.component(colorPicker.name, colorPicker)

// }
phoneBar.install = function (Vue) { //定义组件
  Vue.component(phoneBar.name, phoneBar)
}
/* istanbul ignore if */
if (typeof window !== 'undefined' && window.Vue) {
  phoneBar.install(window.Vue);//cdn引入直接注册组件
}
// 默认导出组件
export default phoneBar

// // 导入颜色选择器组件
import phoneBar from './phone-bar'

// 存储组件列表
const components = [
    phoneBar
]

// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
const install = function (Vue) {
// 判断是否安装
if (install.installed) return
// 遍历注册全局组件
components.map(component => Vue.component(component.name, component))
}

// 判断是否是直接引入文件
if (typeof window !== 'undefined' && !window.Vue) {
    install(require('vue'))
}

export default {
// 导出的对象必须具有 install，才能被 Vue.use() 方法安装
install,
// 以下是具体的组件列表
phoneBar
}