制作属于自己的npm类库

417 阅读2分钟

1.注册一个npm账号( www.npmjs.com/signup 前往NPM官网进行注册),并通过邮箱验证

2.创建项目文件夹,这里叫 toolslibrary-wangs

3.进入该文件夹,npm创建项目

(1)npm init 命令,创建package.json

   {  

   "name": "mynpm",			*//name就是包的名字,一般不用改*`  

   "version": "1.0.0",		*//版本号*`  

   "description": "",		*//描述。比如:这是我的第一个npm*`  

   "main": "index.js",		*//入口文件【只能有一个】*`  

   "scripts": {    "test": "echo \"Error: no test specified\" && exit 1"  },` 

   "keywords": [],			*//关键词,用户可以通过这些关键词搜索到包*`  

   "author": "",				*//作者*`  

   "license": "ISC"			*//版权* `

   }

(2)入口文件设置为index.js,因此,新建该文件,并写入自己的方法库代码。格式如下:

   let ToolsLibrary = {
     	addThese(a,b){   // 举个栗子,加法
      	 return a + b;
    	}

   }
   export default ToolsLibrary;

(3)到这里,就完成了一个简单的类库源码

4.将该类库上传到npm官网

(1)npm adduser 或 npm login 执行命令,用最初注册的账号登录npm

报错举例:

在这里插入图片描述

这是因为你用的是淘宝镜像,解决方法:

a.检查仓库是否被设成了淘宝镜像库, 如果输出了下面淘宝镜像

npm config get registry,输出:registry.npm.taobao.org/

b.如果是淘宝镜像,则设回原仓库

npm config set registry=http://registry.npmjs.org

c.库发布成功了在设置回去

npm config set registry=https://registry.npm.taobao.org/
(2)npm publish 发布命令

报错举例:

404——账号没通过邮箱验证,可通过官网提示去验证

(3)如果发布成功,如下:

5.类库更新

(1)在package.json中修改版本号

(2)发布 npm publish

6.使用自己的类库

(1)安装依赖命令 npm i toolslibrary-wangs@版本号

例如:npm i toolslibrary-wangs@0.0.1

(2)在需要使用的代码中引入 import ToolsLibrary from 'toolslibrary-wangs';

(3)使用 ToolsLibrary

举个栗子:

add(){

    let m = ToolsLibrary.addThese(1,1);

    console.log('mmmmmmmmmmmm',m);

 }

(4)如果库被更新,可能需要先卸载旧库 npm uninstall toolslibrary-wangs@0.0.1

可能还需要把node_modules删了,重新npm install

再安装新版本 npm i toolslibrary-wangs@0.0.2