有时多个项目需要开发相同的或者相似的模块, 这时候如果不想每次修改都涉及多个项目的话, 最好可以封装一个前端组件库, 通过npm下载, 引入到项目中, 下面是封装前端组件库的过程:
- 封装代码:参考blog.51cto.com/u_13622570/…
- 将项目上传到npm管理仓库, 我使用的是阿里云的云效, 上面有详细的介绍步骤, 如何将项目发布到仓库
- 在项目中使用, 和npm包一样, npm install 'packageName'
- 因为封装的是vue的组件, 所以在项目中引入之后, 使用vue.use去加载到组件, 这样在项目的任何地方都可以使用了, 像element-ui一样的使用方式.