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

vue-cli项目 npm 打包之旅

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

vue-cli项目 npm 打包之旅

而后 进行配置 vue.config.js

vue-cli项目 npm 打包之旅
而后配置package.json
vue-cli项目 npm 打包之旅
“lib”: “vue-cli-service build --target lib --name lt ./src/components/levelTree/index.js”
配置这样的打包命令 可以看到入口文件变成了./src/components/levelTree/index.js"

而后配置以下这两个属性
vue-cli项目 npm 打包之旅
main 这里的是我们运行完 我们自定义的打包命令之后可以看到dist 文件夹下面的 文件 名字也是跟我们打包命令里面命令的一样

相关文章:

  • 2022-12-23
  • 2021-07-15
  • 2021-06-20
  • 2022-03-05
  • 2021-06-29
  • 2021-12-31
  • 2021-11-18
  • 2018-09-10
猜你喜欢
  • 2022-01-07
  • 2021-09-09
  • 2022-12-23
  • 2022-01-13
  • 2022-02-24
  • 2022-12-23
相关资源
相似解决方案