lerna+rollup搭建vue组件库并发布到npm( 二 ) _vue

接下来修改 /main.ts 中的引用路径，验证一下打包后的组件。
import { createApp } from 'vue'import App from './App.vue'// import MyTable from "../packages/my-table"// import MyInput from "../packages/my-input"import MyTable from "../packages/my-table/dist/index.js"import MyInput from "../packages/my-input/dist/index.js"import './assets/main.css'createApp(App).use(MyTable).use(MyInput).mount('#app')
打开页面，发现
嘿，怎么和刚才一模一样？？？没错，这说明打包成功了。
不相信你可以修改一下 dist/index.js 中的 .log 代码，验证一下是否生效。
到这里，打包的任务就完成了，接下来我们就准备发布吧…
六、发布 1. 安装lerna
yarn add lerna -D -W
2. lerna初始化
lerna init
此时会发现根目录多了一个 lerna.json 文件
3. 发布
执行如下代码即可发布
lerna publish
控制台出现如下结果就代表发布成功了
接下来就到npm官网查看你自己的组件库吧，是不是满满的成就感？！
附：本文没提到的那些事儿提供了很多类似于--vue的插件，可应用于不同的场景，根据自己需要进行安装使用；发布组件库(执行 lerna )需要npm账号，并在本地登录；源码点这里；