如何发布自己的NPM包

105 阅读1分钟

1.注册NPM 账号

  注册地址:www.npmjs.com/

2.初始化自己要发布的项目

  搭建本地环境:安装node.js,包含了npm命令。 新建目录,在该目录下,初始化项目:npm init。 按照提示填写初始化信息,我的模块名称为:supaur-npm-test,初始版本号:v1.0.0。 模块名称需遵循相关政策要求:www.npmjs.com/policies , 不能够与已有NPM模块名冲突等等。 模块代码 index.js:

const noNeedFix = [
  "ElTabs",
  "ElTabPane",
  "ElBacktop",
  "ElCarousel",
  "ElCarouselItem"
];
function makePrefix(elObject) {
  Object.values(elObject).forEach(installer => {
    if (noNeedFix.includes(installer.name)) {
      return;
    }
    if (installer.name && installer.name.includes("El")) {
      installer.name = installer.name.replace("El", "Sp");
    }
  });
  return elObject;
}
export { makePrefix };

3.登录npm,发布自己的npm包

npm login

根据提示输入之前注册的账号、密码。 发布npm包:

npm publish

此时在自己个人的npm账号主页可以看到该包。

4.使用自己发布的包的示例代码
安装之前发布的npm包:\

Shell复制代码

1



npm install xxx-npm-test

4.使用已发布NPM包的示例代码test.js:**

JavaScript复制代码

1



import { makePrefix } from "xxx-npm-test";

2



makePrefix(ElementUI);

\

5.更新自己的NPM包及 readme文件\

  修改代码和readme.md后,执行命令:\

Shell复制代码

1



npm version patch

2



npm publish


npm version后面参数说明:
patch:小变动,比如修复bug等,版本号变动 v1.0.0->v1.0.1
minor:增加新功能,不影响现有功能,版本号变动 v1.0.0->v1.1.0
major:破坏模块对向后的兼容性,版本号变动 v1.0.0->v2.0.0
\

6.使用更新后的NPM包\

  更新NPM包:\

Shell复制代码

1



针对patch: npm install xxx-npm-test

2



针对minor: npm install xxx-npm-test

3