码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 如何开发npm依赖包,并发布到npm


    I、安装node环境

    按照官方介绍,安装完成之后,可以通过node -v 和 npm -v 来确认node和npm是否安装成功。

    II、普通版本开发

    一、初始化项目

    1、新建项目文件夹,作为包的根目录

    1. mkdir xxx // 创建xxx文件夹,文件夹名可更改
    2. cd xxx // 进入xxx文件夹目录

    2、执行npm init 初始化项目

    npm init   // 初始化项目

    3、对文件中的package的信息进行编写

    1. package name 项目名称
    2. version 项目版本号
    3. description 项目的描述信息
    4. entry point 项目的入口文件
    5. test command 项目启动时脚本命令
    6. git repository 如果有git地址,可以将这个项目放到git仓库里
    7. keywords 关键词
    8. author 作者名
    9. license 项目要发行的时候需要的证书
    3.1、ES5写法

    需要在package.json中添加以下代码才可以使用require引入(若没有type配置则默认是ES5)

    "type": "commonjs"
    1. var xxx = require('xxx')
    2. xxx.fun1()
    3.2、 ES6写法

    需要在package.json中添加以下代码才可以使用import引入

    "type": "module"
    1. import { fun1 } from 'xxx'
    2. fun1()

    4、编写包的入口文件(index.js)

    1. // 这是包的入口文件
    2. // 到时候导入就是导入这个包
    3. // 向外暴露需要使用的成员,在外部就可以使用
    4. const fun1 = require('./src/fun1');
    5. const fun2 = require('./src/fun2');
    6. module.exports = {
    7. // 把对象展开,展开运算符
    8. ...fun1,
    9. ...fun2
    10. }

    5、编写具体的函数方法

    1. // 函数方法1
    2. function fun1() {
    3. // ...
    4. }
    5. module.exports = {
    6. fun1
    7. }
    1. // 函数方法2
    2. function fun2() {
    3. // ...
    4. }
    5. module.exports = {
    6. fun2
    7. }

    6、编写README.md (包的说明文档)

    基本上每一个npm包都会有相关的介绍,来告诉使用者这个文件的信息以及如何安装使用

    新建一个README.md文件,编写项目相关信息。

    1. # xxx项目
    2. [!npm version]
    3. (https://img.shields.io/badge/npm-1.0.0-brightgreen)
    4. 项目说明文档
    5. ## install
    6. ```
    7. npm install xxx
    8. ```

     

    二、本地调试

    1、在项目根目录下执行命令

    npm link
    

    2、在另一个测试项目的根目录下执行

    其中xxx就是xxx依赖的名称,即package.json中的name字段

  • 相关阅读:
    78-基于STM32单片机的DDS函数信号波形发生器(实物图+源码+原理图+PCB+论文)全套资料
    进阶笔录-深入理解Java线程之Synchronized
    SpringBoot SpringBoot 基础篇 4 基于 SpringBoot 的SSMP 整合案例 4.6 分页功能
    【地平线旭日X3派试用体验】从开机到点灯(第一节)
    Matlab:使用 Filtered-x LMS FIR 自适应滤波器实现有源噪声控制
    [Power Query] 汇总表
    Mac文件搜索工具HoudahSpot 6.4.1中文版
    标注工具—labelme, label-studio
    车辆识别信息易语言代码
    vue绑定class
  • 原文地址:https://blog.csdn.net/qq_31851435/article/details/136352375
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号