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));
相关推荐
T___T几秒前
从代码到页面:HTML/CSS/JS 渲染全解析
前端·面试
Ebin1 分钟前
Shopify 前端实战系列 · S02.5 - 开发者必看!一文搞懂 Shopify App Extension
前端
Justineo4 分钟前
TemPad Dev:设计与实现
前端·javascript·css
HuangYongbiao4 分钟前
Rspack 插件架构原理:从 Tapable 到 Rust Hook
前端·架构
llq_3505 分钟前
ReactDOM.createPortal 与 position: fixed 的本质区别
前端
AAA简单玩转程序设计13 分钟前
救命!HTML按钮点了没反应?3分钟学会给网页“装脑子”
javascript·html
Cache技术分享13 分钟前
231. Java 集合 - 将集合元素转换为数组
前端·后端
神秘的猪头15 分钟前
浏览器是如何渲染 HTML/CSS/JS 页面的?——从代码到像素的完整流程
前端·javascript
啷咯哩咯啷20 分钟前
el-table-v2 实现自适应列宽
前端·javascript·vue.js
3秒一个大20 分钟前
JavaScript 中 var、let 和 const 的区别与应用
javascript