npm发布工具包+使用

1.初始化package包

npm init -y

javascript 复制代码
{
  "name": "common-cjs-tools",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "常用工具方法"
}

2.新建index.js文件

3.写两个工具方法

javascript 复制代码
function addFn(...args) {
  return args.reduce((acc, curr) => acc + curr, 0);
}

function multiplyFn(...args) {
  return args.reduce((acc, curr) => acc * curr, 1);
}

module.exports = { addFn, multiplyFn };

4. 本地测试下(node环境用cjs)

5.登录npm账号

javascript 复制代码
npm adduser

回车跳转到浏览器登录

6发布到npm官网

javascript 复制代码
npm publish

7.到npm查看官网

8.使用npm

javascript 复制代码
npm i common-cjs-tools
javascript 复制代码
const { addFn, multiplyFn } = require("common-cjs-tools");

console.log(addFn(1, 2, 3, 4, 5));
console.log(multiplyFn(1 * 2 * 3 * 4));
相关推荐
烧冻鸡翅QAQ7 分钟前
从0开始的游戏编程——开发前的编程语言准备(JAVAScript)
开发语言·javascript·游戏
软弹15 分钟前
Vue2 - Dep到底是什么?如何简单快速理解Dep组件
前端·javascript·vue.js
晴虹17 分钟前
lecen:一个更好的开源可视化系统搭建项目--介绍、搭建、访问与基本配置--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
前端·后端·低代码
WangHappy18 分钟前
面试官:如何优化批量图片上传?队列机制+分片处理+断点续传三连击!
前端·node.js
借个火er22 分钟前
Qiankun vs Wujie:微前端框架深度对比
前端
小笔学长24 分钟前
事件委托:优化事件处理性能
javascript·性能优化·项目实战·前端开发·事件委托
freeWayWalker25 分钟前
【前端工程化】前端代码规范与静态检查
前端·代码规范
C2X30 分钟前
关于Git Graph展示图的理解
前端·git
昊茜Claire31 分钟前
鸿蒙开发之:性能优化与调试技巧
前端
雲墨款哥32 分钟前
从一行好奇的代码说起:Vue怎么没有React的<StrictMode/>
前端