当前位置: 首页 > news >正文

开发并发布一个属于自己的包(npm)

一、CommonJS规范导入require

创建一个npm包涉及几个步骤,包括设置你的项目结构、编写代码、编写文档、测试你的代码,以及发布到npm仓库。以下是一个基本的指南,帮助你从头开始创建一个npm包。

步骤 1: 初始化npm项目

  1. 创建项目文件夹:首先,你需要一个文件夹来存放你的项目。

    mkdir muzidigbig-utils-npm
    cd muzidigbig-utils-npm
  2. 初始化npm项目:在项目文件夹中,运行以下命令来初始化一个新的npm项目。

    npm init -y

    这会创建一个package.json文件,包含一些默认设置。

步骤 2: 编写代码

  1. 创建文件:根据你的包需要,创建必要的文件和目录结构。例如,如果你打算创建一个简单的工具函数库,你可以创建一个index.js文件。

    // index.js
    function sayHello(name) {return `Hello, ${name}!`;
    }module.exports = { sayHello };

步骤 3: 编写文档

  1. 更新package.json:在package.json文件中,你可以添加更详细的描述、关键字、作者信息等。

    {"name": "muzidigbig-utils-npm","version": "1.0.0","description": "A simple npm package example.","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": ["muzidigbig", "utils", "npm"],"author": "muzidigbig","license": "ISC"
    }

name: 包名称,
version: 版本号,
description: 包描述,
main: 入口文件,
keywords:数组(搜索关键字),
license:开源协议 

步骤 4: 测试你的代码

  1. 添加测试脚本:你可以使用Jest、Mocha等测试框架来测试你的代码。首先,安装Jest:

    npm install --save-dev jest
  2. 创建测试文件:例如,创建一个 test/my-package.test.js 文件:

    const { sayHello } = require('../index');
    test('says hello', () => {expect(sayHello('World')).toBe('Hello, World!');
    });
  3. 更新package.json的scripts:添加一个测试脚

    "scripts": {"test": "jest"
    }
  4. 运行测试

    npm test


步骤 5: 发布到npm仓库

  1. 登录到npm:如果你还没有登录,运行以下命令:

    npm login


    首先确保你本地的镜像为 npm 镜像

    查看镜像
    npm config get registry修改为 npm镜像
    npm config set registry https://registry.npmjs.org/修改为 npm镜像(全局)
    sudo npm config set -g registry https://registry.npmjs.org/
  2. 发布包确保你的版本号在package.json中是唯一的(遵循语义版本控制),然后运行:

    npm publish

    每次 npm publish 都需要修改 package.json version版本号保证其唯一。

  3. 验证发布:登录到npm网站,查看你的包是否已经发布。
    通过以上步骤,你可以成功创建一个并发布一个npm包。记得在开发过程中不断更新文档和添加更多功能,以使你的包更加完善和有用。

删除 npm包

执行命令 npm unpublish 包名 --force,即可从 npm 删除已发布的包。

注意
① npm unpublish 命令只能删除 72 小时以内发布的包
② npm unpublish 删除的包,在 24 小时内不允许重复发布

Usage 用法

1.项目中安装依赖: 

npm install muzidigbig-utils-npm

2.引入包 

// const { sayHello } = require('muzidigbig-utils-npm');
import { sayHello } from 'muzidigbig-utils-npm'; // ES6
console.log(sayHello('World')); // Outputs: Hello, World!

二、升级为ES6模块导入(import/export)

Node.js > v13.2.0

步骤 1: 设置type为module

在项目的package.json中添加"type": "module",这样Node.js会将所有的.js文件都当成ES6模块来处理‌

步骤 2: 代码转译

使用如Babel这样的转译工具将代码转译为兼容老版本Node.js的格式‌ 

npm i @babel/core @babel/preset-env

配置 Babel

通常使用 .babelrc 文件或 babel.config.cjs 文件来配置 Babel

module.exports = {presets: ['@babel/preset-env'],
}

http://www.xdnf.cn/news/112519.html

相关文章:

  • 算法笔记.spfa算法(bellman-ford算法的改进)
  • 要从给定的数据结构中提取所有的 itemList 并将其放入一个新的数组中
  • Python爬虫(3)HTML核心技巧:从零掌握class与id选择器,精准定位网页元素
  • mfc学习(一)
  • 基于whisper和ffmpeg语音转文本小程序
  • 【深度学习】#9 现代循环神经网络
  • 【C++】继承
  • 数据结构与算法实战:从理论到落地的深度探索
  • 原生微信小程序,canvas生成凭证,保存到手机
  • Java的进阶学习
  • 鲲鹏麒麟搭建Docker仓库
  • 海量聊天消息处理:ShardingJDBC分库分表、ClickHouse冷热数据分离、ES复合查询方案、Flink实时计算与SpringCloud集成
  • C++ RPC以及cmake
  • VBA技术资料MF300:利用Mid进行文本查找
  • 专家系统的一般结构解析——基于《人工智能原理与方法》的深度拓展
  • JBoltAI 赋能金融文档:基于 RAG 的基金招募说明书视觉增强方案
  • 分布式微服务架构,数据库连接池设计策略
  • 【框架学习】Spring AI-功能学习与实战(一)
  • node.js 实战——(Http 知识点学习)
  • 使用PyTorch如何配置一个简单的GTP
  • Framework.jar里的类无法通过Class.forName反射某个类的问题排查
  • FPGA上实现YOLOv5的一般过程
  • 机器学习特征工程中的数值分箱技术:原理、方法与实例解析
  • 看一看 中间件Middleware
  • mapbox高阶,高程影像、行政区边界阴影效果实现
  • 开源项目实战学习之YOLO11:ultralytics-cfg-datasets-lvis.yaml文件(五)
  • 长城杯铁人三项初赛-REVERSE复现
  • Linux常见指令介绍下(入门级)
  • 手搓雷达图(MATLAB)
  • Java24新增特性