1、在package.json同級(jí)目錄下目錄下創(chuàng)建一個(gè)index.js文件
import conHeader from "@/components/conHeader";
// // 這一步判斷window.Vue是否存在,因?yàn)橹苯右胿ue.min.js, 它會(huì)把Vue綁到Window上,我們直接引用打包好的js才能正常跑起來。
import _Vue from "vue";
conHeader.install = Vue => {
if (!Vue) {
window.Vue = Vue = _Vue;
}
Vue.component(conHeader.name, conHeader);
};
export default conHeader;
2、在package.json文件添加
"scripts": {
"lib": "vue-cli-service build --target lib --name con-header --dest lib index.js",
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
運(yùn)行 npm run lib即可生成