最近有这样一个需求,需要自己写一个前端的UI框架包并发布到npm上提供给别人使用, 那么问题来了......
如何构建自己的包？
包里面需要包含哪些文件？
如何发布这个包？
先上一下我自己写的库的文件结构图:
如上图所示:
lib里放的是我的包集成的一些库 (platform是自定义的库)
style 是基础样式
utils里存放包具备的一些js方法
index.ts就是我这个包的入口文件
一开始,我美滋滋的把我的库发布到了npm上(发布方法参见上一篇文章),但是leader看了之后说,我们不希望把库发布到我们公司的npm上不想发布到npm上又想用npm install的方式安装那怎么办呢？
终于柳暗花明又一村~~~经过不懈的百度之后,我发现使用npm可以安装git资源
于是,我把我的包上传到了公司的git上,并在我需要使用这个包的项目(vue+typescript创建的)目录下通过
$ npm install git+https://git.niubi.com/yourName/niubility.git
安装(成功之后会自动在项目的package.json里增加一行) :
"packageName": "git+https://git.niubi.com/yourName/niubility.git"
然后查看项目的node_modules会发现多了一个包 , 接着在项目的main.ts里引入包
import xxx from 'packageName'
按规范使用即可
(安全起见,上传包到git的时候还应上传这个包所在工程的package.json、package-lock.json、yarn.lock)
参考链接: yq.aliyun.com/articles/65…
blog.csdn.net/mu66mu/arti…
