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));
相关推荐
AAA阿giao1 天前
HTML/CSS/JS 页面渲染机制:揭秘浏览器如何将平凡代码点化为视觉魔法
前端·css·html
lichenyang4531 天前
从零到一:编写一个简单的 Umi 插件并发布到 npm
前端·react.js·前端框架
一颗宁檬不酸1 天前
ajxa实例操作
前端·ajax·api
文心快码BaiduComate1 天前
CCF程序员大会码力全开:AI加速营,10w奖金等你拿!
前端·后端·程序员
前端西瓜哥1 天前
Figma 协同编辑是如何做用户状态同步的?
前端
OpenTiny社区1 天前
不止按钮和表格!TinyVue 偷偷上线 Space 组件,直接搞定「弹性+间距」布局
前端·vue.js·github
FogLetter1 天前
Vue 全家桶深度探索:从语法精要到项目实战
前端·vue.js
木易士心1 天前
Vue 3 Props 响应式深度解析:从原理到最佳实践
前端
FogLetter1 天前
从零实现一个低代码编辑器:揭秘可视化搭建的核心原理
前端·react.js·低代码
花归去1 天前
vue甘特图
前端·javascript·vue.js