npm如何发属于自己的包

115 阅读1分钟

bg: 因为业务需要使用了一个开源包:ofd.js

使用的时候发现一个业务bug:感兴趣详见:https://github.com/DLTech21/ofd.js/issues/98

提了issues顺便给解决了,但是owner回复说就不发包了如果有需要可以自行发包,所以有了这篇发布教程(bushi

主要还是给自己留个记录哈哈哈毕竟第一次发包

1. 注册npm,注册遵循npm规则即可,不赘述了

提醒:用户名尽量不要用纯数字,纯数字注册没有通过

2. 在项目根目录下运行 npm login 命令,使用你在 npm 上注册的账户登录。

如果报错400,可能是使用的镜像地址有问题,执行:npm config set registry https://registry.npmjs.org/ image.png

3.可以用npm run lib命令来构建你的项目并生成你的包:

这可以用 Vue CLI 构建你的项目,并在 lib 文件夹中生成 *.min.js 文件。

4. 确保你的项目的 package.json 文件中包含了正确的名称、版本号和依赖项。
{
  "name": "发的包名,确保唯一",
  "version": "版本号,确保递增",
  "main": "*.min.js",
  "author": "作者",
  "description": "描述",
  "keywords": [
    检索词
  ],
  "private": false,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lib": "vue-cli-service build --target lib --name ofd --dest lib ./src/utils/ofd/ofd.js"
  },
  "dependencies": {
      包含了完整的依赖项
  }
  "devDependencies": {
    包含了完整的依赖项
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
  ],
  "repository": {
    "type": "git",
    "url": "正确的仓库访问地址"
  },
  "license": "Apache-2.0",
  "funding": {
   
  }
}

5. 执行npm publish就可以发包成功了!
现在你可以在npm上搜到你的包包了~!!