vue-cli项目 npm 打包之旅

目标:将组件单独打包成npm包
组件目录:
1、创建levelTree组件
2、同时创建index.js

在这里插入图片描述

index.js 负责将组件变成 可以使用vue.use()方法的

在这里插入图片描述

而后 进行配置 vue.config.js

在这里插入图片描述
而后配置package.json
在这里插入图片描述
“lib”: “vue-cli-service build --target lib --name lt ./src/components/levelTree/index.js”
配置这样的打包命令 可以看到入口文件变成了./src/components/levelTree/index.js"

而后配置以下这两个属性
在这里插入图片描述
main 这里的是我们运行完 我们自定义的打包命令之后可以看到dist 文件夹下面的 文件 名字也是跟我们打包命令里面命令的一样

posted on 2019-11-05 17:16  fxxk院子  阅读(46)  评论(0)    收藏  举报

导航