构建自己的NPM包

日常组件或者方法,封装成自己的NPM包,并发布到npm,使用的时候npm install即可
上码(demo)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import myBtn from './myBtn/index.js'//引入自己写好的组件或者方法

const components = [myBtn]

//构建的api,遍历所有组件和方法
const install = function (Vue, opt = {}) {
if (install.installed) return

components.map((component) => {
Vue.component(component.name, component)
})

console.log(opt)
}

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

export default install
export { install, myBtn }