npm发布包

登录npm

  • 打开终端,输入npm login
  • 浏览器打开对应网址,输入自己绑定的邮箱,如果没有邮箱去官网注册,官网地址www.npmjs.com/
  • 现在就可以看到登录进来的页面了

编写发布npm包

  • 新建发布包目录,npm init初始化包,按照如下流程

  • 创建目录结构

diff 复制代码
- src
    validare.js
- index.js
- package.js
  • src的validare.js内容如下
javascript 复制代码
const Validate = {
  /**
   * 手机号校验
   */
  mobileCheck: (mobile) => {
    let reg = /^[1][3,4,5,7,8][0-9]{9}$/;
    return reg.test(mobile);
  },
};
 
export default Validate;
  • 在入口文件导入,内容如下
javascript 复制代码
import Validate from './src/validare.js';

export default {
    Validate
}

发布npm包

  • 在刚刚创建好的项目的根目录下打开cmd运行
    • 发布包命令: npm publish

这个报错查询AI是因为package.json文件mypackage名字的包已经被占用,所以重新命名dcrpackage-czr

swift 复制代码
{
    "name": "dcrpackage-czr",
    "version": "1.0.0",
    "description": "一个测试的包,用来测试发布包",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [
      "dcrpackage-czr"
    ],
    "author": "dcr",
    "license": "ISC"
}

重新执行npm publish 如下图说明包已经部署成功了

  • 现在npm官网搜索刚才的包名,发现已经上传成功了
  • 执行npm i dcrpackage-czr 就可以安装使用了
相关推荐
深蓝电商API9 分钟前
实战破解前端渲染:当 Requests 无法获取数据时(Selenium/Playwright 入门)
前端·python·selenium·playwright
bestcxx1 小时前
(二十七)、k8s 部署前端项目
前端·容器·kubernetes
鲸落落丶1 小时前
webpack学习
前端·学习·webpack
excel2 小时前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
光影少年2 小时前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人2 小时前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
β添砖java4 小时前
CSS网格布局
前端·css·html
木易 士心5 小时前
Ref 和 Reactive 响应式原理剖析与代码实现
前端·javascript·vue.js
程序员博博5 小时前
概率与决策 - 模拟程序让你在选择中取胜
前端