vue-cli3|vue-cli3 将组件封装成可引入的js文件 vue-cli3将组件封装成可引入的

1、在package.json同级目录下目录下创建一个index.js文件
import conHeader from "@/components/conHeader";
// // 这一步判断window.Vue是否存在，因为直接引用vue.min.js，它会把Vue绑到Window上，我们直接引用打包好的js才能正常跑起来。
【vue-cli3|vue-cli3 将组件封装成可引入的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"
},
运行 npm run lib即可生成

vue-cli3|vue-cli3 将组件封装成可引入的js文件

推荐阅读

鸿蒙可以做电脑系统吗

山菜的做法

热玛吉适合什么样的人

松下空调lfe13km1怎么样,看完这些差不多就明白了

如果小孩子不听话怎么办如果小孩子不听话怎么教育

蜈蚣怕风油精的气味吗

oppo手机怎么关闭软件广告

息肉|息肉切除后，被查出肠癌，是咋回事？反复长息肉，是啥原因？

平安银行信用卡怎么申请提高额度平安银行信用卡怎么申请

mysql教程哪个好 mysql学习看谁的视频好

mysql怎么设置并发 mysql数据库并发问题

虎眼万年青放在家里哪个位置虎眼万年青的摆放风水禁忌

Android开始之Checkboxs

健康喝水五要点一定要牢记

自动挡刹车怎样防点头自动挡车刹车防点头

建造师资格证丢失怎么补办

iqoo3玩游戏卡顿怎么办

腐烂国度2巨霸版建筑师机制介绍建筑师可解锁建筑说明

高情商回复别人的表白

网易有道词典怎么去除广告？网易有道词典去除广告的方法