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

  • 相关阅读:
    day06-工作组和域
    Linux 用户注意!GNOME 45 将影响所有扩展!
    图论(强联通分量)
    【源码解读】VUE2.0和VUE3.0响应式区别?
    BootLooder引导传参和镜像编译
    探索 Git:开源项目管理的利器
    PMP考试有哪些技巧?
    十、Spring Boot 安全管理(1)
    PMP真的有用吗?
    Python-Matplotlib 显示中文、中文乱码解决办法
  • 原文地址:https://blog.csdn.net/qq_31851435/article/details/136352375