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));
相关推荐
半点寒12W7 分钟前
CSS3 动画详解
前端·css·css3
桂月二二9 分钟前
深入探索 Vue.js 组件开发中的最新技术:Teleport 和 Suspense 的使用
前端·javascript·vue.js
影子信息16 分钟前
element 日期时间组件默认显示当前时间
java·前端·javascript
墨轩尘1 小时前
vue项目引入阿里云svg资源图标
前端·vue.js·阿里云
神仙别闹2 小时前
基于Vue和Vuex实现俄罗斯方块小游戏
前端·javascript·vue.js
半点寒12W4 小时前
css3网格布局
前端·css·css3
m0_512744647 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
影子信息7 小时前
element select 绑定一个对象{}
javascript·vue.js·elementui
wu_yi_min7 小时前
Spring Web MVC综合案例
前端·spring·mvc
浪浪山小白兔7 小时前
HTML 中的 Window 和 Document 介绍
前端·javascript·html