npm发布包 - 技术栈

npm发布包

幸福摩天轮2025-09-09 17:32

登录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 就可以安装使用了