Vue组件库发布流程详解
Vue 组件库的 npm 发布流程得还挺到位的，适合你这种自己写了一套组件，想要开放出去的场景。配合上 vue-cli 搭建项目，结构清晰，组件源码也好找，整个流程顺畅。
npm 账号准备好后，用 vue init webpack hg-vcomponents 初始化一个项目， cnpm install 装好依赖，基础就搭好了。目录里 src/components 是主战场，组件源码全在这，dist 就是准备发布到 npm 的打包产物。
想清楚发布路径就更容易维护。你可以用 npm publish 一键上线，用的是打包后的 dist 目录，结构干净，不会带上开发用的东西。记得 package.json 里的 main 路径要对准打包产物，不然安装别人用的时候会出问题。
配套文章也挺有，比如Vue 单文件组件样式引入这篇，能让样式更自然。还有写 Vue 插件的套路，扩展性更强。
如果你自己也想发个组件库出来，不妨参考下这个项目源码：hg-vcomponents，结构、命名都还不错，适合模仿。
哦对了，别忘了加上 README.md，写清楚组件用法和依赖，别人看了才知道怎么用，顺手又省心。
文件大小：38.42KB
评论区