npm包开发

当团队规模变得复杂，由一个几人的团队发展到横跨数个项目的几十人的前端团队，项目与项目开发人员之间的交流会渐渐变少。如果公司的组织架构以项目/业务线为主，每个项目需求又不同时会根据需求去修改对应基础组件，那么同样的工种之间的项目之间隔阂会越来越大，技术差异也越来越大。

为了便于人员调动后快速上手，提高团队的机动性和人员利用率，前端基础组件库的统一显得尤为必要。

目的

　　使前端团队技术栈相对统一
　　便于统一管理和技术交流
　　便于跨项目技术攻坚，提升项目的可控性
　　降低前端工程师转换项目时的学习成本
　　加强某一技术体系的纵向深度

 地址

　　http://gitlab.powersi.com/hrss/si/front/basecomponent.git

目录结构采用的时当初在前端群发送的一个初始化项目

提高兼容性 打包命令行可以加入.babel进行打包  提高兼容性

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 .npmignore的作用高于.gitignore，.gitignore同样有效  为什么区分2个呢  1.区分上传npm  2.区分上传git

 组件开发完毕之后通过发布阶段

npm run lib 打包需要上传至npm的文件

需要在npm网站上注册账号并且验证邮箱

1.执行 npm login  验证账号密码之后  代表登录成功

 

 2.执行npm publish 上传至npm  （一定得修改版本号）

 

 上传成功

 

 

然后就是安装使用了   不能通过cnpm 去安装，因为cnmp还是老版本必须得同步一下

 

 

 

 

 

npm 安装

 使用

到这里就基本差不多了 

还有很多可以优化的地方 比如打包加入.babel  打包图片 如何引入组件公用css .....等等  

基础组件项目中还有 示例展示呀  使用文档编写呀

前端基建漫漫长路  一起前行