npm发包并使用流程

  1. 公用函数的代码复用,并改用npm引入

  2. 创建npm包:

    a.新建一个文件夹例如取名zjcommon,内包含

      index.js 入口文件

      README.md 介绍说明文件

      src 源代码目录,比如coffee,typescript,es6+等代码的目录

      lib 转义生成的代码目录,比如babel转义后的es5代码的目录

      docs 代码相关的设计和使用文档

      package.json 用于定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)

    b.在src放入已经写好的tools.js文件,在index.js引入,导出函

      

 

    c.在zjcommon文件夹执行命令: npm init 用来初始化生成package.json,用来存放 项目的信息和配置等信息的文件

  1. 发布npm包:

    a.登录npm官网(https://www.npmjs.com/),注册一个npm账号

    b.在文件夹zjcommon执行登录命令:npm login ,输入你在npm注册的账号、密码和邮箱,验证码

    c.登录成功后,执行命令: npm publish 来发布上传你的包

    注意:发现报错,可能zjcommon包名被使用或者相似,package.json文件中更改 “name”: “新名字”,再次执行npm publish,直到成功

  1. 使用npm包

    在项目中使用你已经发布的包,执行命令:npm install ‘包名’,在package.json文件中dependencies中找到你引入的包即下载成功

    在main.js中引入

    import jsUtilsMvp from 'zinjinutils'

    调用包内函数 jsUtilsMvp.Tools.getCurrentDateTimestamp()

    注意:1.修改包再发布要修改版本号

       5.如何发布私有的npm包,sinopia的部署和使用 https://www.jianshu.com/p/737d38e9bb1e

posted @   月下云生  阅读(518)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示