封装一个包发布到npm上

一、准备要发布到npm的包

1、初始化包环境

  本地新建文件夹:wxm_md5,cmd打开后执行npm init -y(也可以npm init,然后自定义包的名字),得到一个package.json文件

  package.json

封装一个包发布到npm上
{
  "name": "wxm_md5",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
View Code

2、下载依赖

  npm i md5

  npm i webpack -D

  package.json

封装一个包发布到npm上
{
  "name": "wxm_md5",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "md5": "^2.3.0"
  },
  "devDependencies": {
    "webpack": "^5.65.0"
  }
}
View Code

3、根目录下创建入口文件index.js

import md5 from "md5";
export const wxm_md5 = (str) => md5(str);

 

二、注册npm账号

1、进入到 npm官网:https://www.npmjs.com 中注册自己的账号(邮箱必填)

2、进入到邮箱中验证

 

三、终端中登录账号并发布包

1、登录:输入npm login

封装一个包发布到npm上

如果发现报错,是因为本地npm使用了淘宝镜像,解决办法有2种:

  第一种:切回npm官方镜像  推荐:设置npm源为淘宝镜像

  第二种:登录时指定为官方镜像

        npm login --registry http://registry.npmjs.org    

    如果遇到提示,

封装一个包发布到npm上

     就将npm镜像地址设为https的地址:npm config set registry https://registry.npmjs.org

      封装一个包发布到npm上

    到这里我已经成功了,如果还是报错,可以运行以下命令支持TLS 1.2: 

        npm install -g https://tls-test.npmjs.com/tls-test-1.0.0.tgz

    运行完会收到提示:

     Hello! The tls-test package was successfully downloaded and installed. Congratulations! Your package manager appears to support TLS 1.2.

    如果收到错误提示,可以升级node到包含npm7以上的版本以支持TLS1.2,升级完检查下npm版本,如果没到7.0可以按照提示升级到7.0以上。

2、发布包:npm publish

封装一个包发布到npm上

发布成功后可以在npm官网中看到已发布的包:

封装一个包发布到npm上

 

 四、使用

 

上一篇:vue2源码简单实现stage3


下一篇:002-Idea用法-设置文件默认注释