手写自己的npm包

478 阅读1分钟

上传自己的npm包

代码及配置查看github:github.com/Zoe-IQ/FE/t…

  1. 前往npm官网注册属于自己的npm账号
  2. 创建文件夹,在该路径下执行命令npm init -y,初始化项目
  3. 将package.json中的license改为MIT
  4. 在文件夹下创建index.js(与package.json文件中main对应的文件名相同)文件作为对外暴露的文件,所有从包里import或者require的属性、对象、方法都将从这里暴露出去

image.png

  1. 在index.js中暴露自己编写的方法或者对象
const _ = require('lodash')

function newArray(num) {
  let arr = _.range(num)
  return arr;
}

module.exports = newArray;
  1. 因为编写的是npm包,所以在上传前需要将npm源切换为npm,使用命令npm config set registry registry.npmjs.org

  2. 关联npm账号:执行npm adduser进行账号关联,根据提示,填入1中创建的npm用户名、密码、邮箱

  3. 上传npm包:npm publish(如果遇到403错误,可能是自己的npm包名被别人发布过了,需要修改package.json中的name),发布完后去npm官网可以搜索到自己的包

image.png

  1. 上传成功后便可以新建工程项目npm install 自己的包,进行调用测试

npm默认全局安装的包 windows在C:\Users\用户名\AddData\Roaming\npm\node_modules mac在/Users/felix/.nvm/versions/node/nvm版本/bin/

番外篇

npm版本号: 主版本.次版本号.补丁号

^:锁定主版本号
~:锁定主次版本号
*:锁定最新版本

切换镜像源 npm config set registry httpes://registry.npm.taobao.org