npm开发依赖包或插件

1.新增一个文件supto,然后到文件里面,执行git init命令,创建一个package.json文件。
package.json的内容如下:

{
  "name": "supto",
  "version": "1.0.3",
  "description": "surper tool",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "前端常用方法封装"
  ],
  "author": "hyhweb",
  "license": "ISC"
}

2.目录结构如下:
在这里插入图片描述

3.在根目录下新建index.js文件,在文件里面编写包的功能,把方法和属性暴露出来。例如:
编写一个操作cookie的依赖包或者插件。内容如下:

export const cookie = {
    set(name, value) {
        let Days = 30
        let exp = new Date()
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000)
        document.cookie = name + '=' + escape(value) + ';expires=' + exp.toGMTString()
    },
    get(name) {
        let arr, reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)')
        if (arr = document.cookie.match(reg)) { return unescape(arr[2]) } else { return '' }
    },
    del(name) {
        let exp = new Date()
        exp.setTime(exp.getTime() - 1)
        let cval = this.get(name)
        if (cval != '') { document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString() }
    }
}

4.登录npm和发布包:

npm login
npm publish

5.查看发布后的包:https://www.npmjs.com/package/supto

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值