发包准备
准备好npm账号,vue脚手架,node环境等,待会需要使用到。
npm账号
首先明确发包地址是npm,而不是本地项目,因为发包的主要目的是为了方便下次的使用。
- 注册npm账号 ,Sign up注册npm账号(已有账号可忽略)。
- 账号注册好了可登录上去,待会可看发包的结果;
组件项目
组件项目专为组件发包搭建起的一个项目,和搭建一个vue项目几乎是一样的。
- vue init webpack project-name或者使用vue-cli脚手架搭建项目都可以。
version: 发包的版本号;
private:false,因为发包之后任何人 npm 下来都可以使用;
main: 程序的入口文件;使用vue init webpack搭建的项目可以把mian入口设成 build之后的dist/fulangren.min.js文件(发包前都需要npm run build);
repository: 组件项目存放的位置,我这把放在git了;
keywords:便于搜索npm 包(搜索关键字,譬如:fulangren)。
其他的也没有太大的区别了。
组件代码
一个字—— 码,兄弟,码业务组件代码吧,这个帮不了了。(后续有时间会把组件码的过程发出来)
登录发包
- 打开编译器终端,登录npm账号
- npm pubilsh 发包,发包完成可在npm上根据搜索字查看。
- 注意发包组件名不能与npm上已有包名重复,每一次组件的发包version都需要做改变,根据自己做的版本更改程度来更改