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));
相关推荐
哆啦A梦15889 分钟前
uniapp分包实现
前端·vue.js·uni-app·vue3
wordbaby14 分钟前
Hooks的革命:让React的非UI逻辑也能像UI组件一样自由复用和组合
前端·react.js
flower_tomb31 分钟前
对浏览器事件机制的理解
前端·javascript·vue.js
用户4582031531731 分钟前
使用Trae做一个简单的天狗食日动画效果试试
前端·trae
普通码农33 分钟前
Vue Element Plus X 部署后资源加载失败问题
前端
超人不会飛34 分钟前
仿豆包 H5应用核心模板:用Vue快速复刻大模型对话体验
前端·javascript·vue.js
程序张38 分钟前
Vue3+Vite 现代化前端框架👊打破 Chrome 83 内核限制
前端·javascript·vue.js
拜无忧39 分钟前
【教程】Vue中级转React终极指南-理解Vue和React的差异
前端·vue.js·react.js
web前端12341 分钟前
Android开发四大组件详解
前端
木辰風41 分钟前
idea npm install 很慢(nodejs)
前端·npm·node.js