前景
在最近的公司项目中,前端项目很多都需要一些类似功能的公共方法(工具方法)。于是我萌发了一个想法,自己建一个npm包,用来收录公司前端常用的一些公共方法,然后发布到npm上,这样不管以后哪个项目要使用,只需要一个npm install。逼格又高又方便。
创建项目
- 首先第一步,为了方便维护自己的项目,管理自己的代码,现在github上创建一个项目
创建完成:地址 https://github.com/LeoMelody/dd_leo_common
-
将项目拷到本地
-
进入项目,打开命令行,运行 npm init (初始化 packag.json 文件)
-
构建一个npm包的架构
创建 lib文件夹(存放js代码)
创建 index.js 包入口文件
.....
包结构完成图:
package.png
随便写点什么吧
我是在lib目录下创建了一个arrayUtils工具类,用来存放我的一些常用的数组操作方法,如图:
array.png在index.js中引入这个js:
image.png包发布
-
首先要注册一个npm账号
-
开始敲命令行:
npm adduser
Username: xxxxx
password: xxxxxx
email: xxxx@xxx
- 上面命令敲完以后,在package.json目录下敲下面这行命令
npm publish .
这时候,如果提示你没有验证邮箱,就去验证一下就好了。
现在,这个npm 包已经推广上去了(我这个还在开发阶段,还没有搞上去)
最后,你可以发布上传一个自己的npm包供他人使用,是不是逼格很高。
网友评论