如何使用vue写一个顶部菜单和侧边栏菜单并用npm发包

Question

左边导航和上面导航，写成npm包，然后子项目引入使用，点击传参来跳转路由。

请问有什么相似的例子推荐吗？

Answer 1

monorepo ？lerna ? 如果是希望多个项目使用，并且希望 npm 发布出去，那我觉得你应该了解一下我前面说到的两个词。

---

如果只是「玩具」，那么就和随便发一个包一样，你可以使用 vue-cli 来构建一个 lib，也可以直接发布源码来使用。

具体的命令大概有 npm public 发布和登陆吧。

构建 lib 大概是：vue-cli-service build --target lib --inline-vue，可以产出一个 umd 的文件。

---

如果是想做一个组件库，那么 element-ui 源码就可以。

Answer 2

pro-layout
el-admin-layout

Answer 3

用vite+lerna配合verdaccio发布自己的前端包

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。