• 如何开发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字段

  • 相关阅读:
    把这句话刻进脑子里
    React 入门使用 (官方文档向 Part2)
    第1章 初识Spring Boot,开发社区首页(上)
    AP5191 DC-DC降压恒流IC LED智能控制电源芯片 线性 PWM调光
    关于PHP fgetcsv 函数 读取有中文的CSV文件编码问题!
    VTK 基础入门 ( 一 ) 相机设置
    组合式 API 的优势
    STM32 学习(四)中断系统
    安徽工业大学计算机考研资料汇总
    Redis5搭建集群
  • 原文地址:https://blog.csdn.net/qq_31851435/article/details/136352375